JSON decode error: Syntax error
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 241</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 241<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 242</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 242<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 243</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 243<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 244</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 244<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 245</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 245<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div>
<!DOCTYPE html>
<html lang="en-us">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="cache-control" content="public, max-age=31536000, immutable">
    <title>Payroll Net-to-Gross Calculator</title>
    <meta name="title" content="Payroll Net-to-Gross Calculator">
    <meta name="description" content="Looking for professional accounting services? We provide accurate bookkeeping, tax preparation, and financial consulting for small and medium-sized businesses. Let us handle your taxes so you can focus on growing your business.">
    <meta name="keywords" content="accounting services, bookkeeping, tax preparation, business accounting, tax consulting, financial services, small business accounting, CPA services">
    <meta name="author" content="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 320</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 320<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div>">
    <meta name="robots" content="index, follow">
    
    <link rel="icon" type="image/png" href="https://taxtree.com:443/assets/images/favicons/taxleaf-favicon-32x32.png" sizes="32x32" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!--<link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">-->
    <!--<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,500;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato&display=swap" type="text/css">
    
    
    <!--Local Fonts-->
    <!--<link href="<?//= base_url() ?>assets/templates/template7/themea/css/fonts.css" rel="stylesheet" type="text/css">-->

    <!--iconic fonts-->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet" media="all" async defer crossorigin />
    <!--<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">-->

    <!-- owlcarousel-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"
        integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g=="
        crossorigin="anonymous" async defer />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css"
        integrity="sha512-OTcub78R3msOCtY3Tc6FzeDJ8N9qvQn1Ph49ou13xgA9VsH9+LRxoFU6EqLhW4+PKRfU+/HReXmSZXHEkpYoOA=="
        crossorigin="anonymous" async defer />
        
   
    <!--KJESiteSpecific-->
    <!--<link rel="stylesheet" href="<? //= base_url() ?>assets/calculators/KJE.css" type="text/css" media="screen" />-->
    <!--<link rel="stylesheet" href="<? //= base_url() ?>assets/calculators/KJESiteSpecific.css" type="text/css" media="screen" />-->

    <!--international input field-->
    <link rel="stylesheet" href="https://taxtree.com:443/assets/css/intlTelInput.min.css" media="all" async defer />

    <!--main.css-->
    <link href="https://taxtree.com:443/assets/templates/template7/themea/css/main.css?v=6781484" rel="stylesheet" media="all" async defer />
    <link href="https://taxtree.com:443/assets/templates/template7/themea/css/custom.css?v=4204864" rel="stylesheet" media="all" async defer />

        
    <link rel="preload" href="https://taxtree.com:443/assets/images/homepage_banner_new_company.webp" as="image" />
    <link rel="preload" href="https://taxtree.com:443/assets/images/homepage_banner_tax-return.webp" as="image" />

    <!-- Material Icons -->
    <!--<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap" />-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap&icon_names=arrow_drop_down,arrow_right,arrow_upward_alt,call,chat,east,eco,event_available,group,language,local_mall,location_on,mail,phone_in_talk">

    
    <!--<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>-->
    <script src="https://www.google.com/recaptcha/api.js?hl=en-us&onload=onloadCallbackRecaptcha&render=explicit" async defer></script>
    
    <style>
        .back_top_top {
            display: block;
        }
    </style>
    
    <!--Apollo website tracking code Begin -->
          
     <!-- Google Tag Manager begin -->
          
    
     <!-- schema Markup Begin-->
         
    <!--jQuery-->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
        
    <!-- Taxleaf Plugins -->
    <script src="https://taxtree.com:443/assets/js/accordion.js" async defer></script>
    <script src="https://taxtree.com:443/assets/js/dropdown.js" async defer></script>
    
            <script src="https://taxtree.com:443/assets/js/common.min.js?v=4364644682"></script>
        
        
    <script>
        function closeThemeColor(){
            var hidden = $('.theme-setting-panel');
            if (hidden.hasClass('visible')){
                hidden.animate({"right":"-335px"}, "slow").removeClass('visible');
            } else {
                hidden.animate({"right":"0px"}, "slow").addClass('visible');
            }
        }

        function instantReflectionCss(inputId,cssType){
            //console.log(input);
            switch(inputId) {
              case "bgTypeOne":
                var colorArray = ["homeCarousel","homeCarouselBottom","headerTopBar"];
                break;
              case "bgTypeTwo":
                var colorArray = ["frombgTypeTwo"];
                break;
              case "bgTypeThree":
                var colorArray = ["dark-icon-circle"];
                break;
              case "widgetHeadingBg":
                var colorArray = ["widgetTitleBg"];
                break;
              case "widgetContent":
                var colorArray = ["widgetBodyBg"];
                break;
              case "widgetNav":
                var colorArray = ["widgetNavActive"];
                break;
              case "widgetTitleText":
                var colorArray = ["widgetTitleColor"];
                break;
              case "bgTypeFour":
                var colorArray = ["greenBg"];
                break;
              case "darkCircleTextOne":
                var colorArray = ["dark-icon-circle-heading"];
                break;
              case "darkCircleTextTwo":
                var colorArray = ["dark-icon-circle-content"];
                break;
              case "btnBgOne":
                var colorArray = ["btnBgGreen"];
                break;
              case "btnBgTwo":
                var colorArray = ["btnBgLight"];
                break;
              case "btnBgThree":
                var colorArray = ["btnBgDarkGreen"];
                break;
              case "btnTextOne":
                var colorArray = ["btnBgGreen"];
                break;
              case "btnTextTwo":
                var colorArray = ["btnBgLight"];
                break;
              case "btnTextThree":
                var colorArray = ["btnBgDarkGreen"];
                break;
              case "gradientTextOne":
                var colorArray = ["gradientDarkText"];
                break;
              case "gradientTextTwo":
                var colorArray = ["gradientWhiteText","number-circle"];
                break;
              case "numberCircleBg":
                var colorArray = ["number-circle"];
                break;
              default:
                // code block
            }
            //console.log(colorArray);
            var colorPicker = $("#"+inputId);
            colorPicker.on("input", function () {
                var selectedColor = colorPicker.val();
                colorArray.forEach((value) => {
                    //console.log("."+value);
                    $("."+value).css(cssType, selectedColor);
                });
            });
        }   

        function instantGradientReflectionCss(inputId,cssType){
            var base_color ='';
            if(inputId=='gradientBgOne'){
                base_color=$("#gradientBgTwo").val();
            } if(inputId=='gradientBgTwo'){
                base_color=$("#gradientBgOne").val();
            }
    
            var colorArray = ["bgGrdient"];
    
            var colorPicker = $("#"+inputId);
            colorPicker.on("input", function () {
                var selectedColor = colorPicker.val();
                colorArray.forEach((value) => {
                    /*console.log('base_color'+base_color);
                    console.log(".demo"+selectedColor);*/
                    $("."+value).css(cssType, 'linear-gradient(90deg,'+base_color+' 42%,'+selectedColor+')');
                });
            });
        }

    

        // Color Picker
        const body = document.querySelector("body");
        const input = document.getElementsByClassName("color-box");
    </script>
 
     <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
 
    <style type="text/tailwindcss">
        @theme {
            
            --color-theme-one: #127681;
            --color-theme-one-dark: #0b525a;
            --color-theme-one-light: #d0e4e6;
            --color-theme-textonone: #FFFFFF;
            --color-theme-one-inputbg: #FFFFFF;
            --color-theme-one-inputborder: #FFFFFF;
            --color-theme-one-inputtext: #000000;
            --color-theme-two: #e38a27;
            --color-theme-two-dark:#C66C3E;
            --color-theme-two-light: #F9C15F;
            --color-theme-textontwo: #FFFFFF;
            --color-theme-two-inputbg: #FFFFFF;
            --color-theme-two-inputborder: #FFFFFF;
            --color-theme-two-inputtext: #000000;
            --color-theme-three: #97b650;
            --color-theme-three-dark: rgb(107, 134, 44);
            --color-theme-three-light: #CFD79B;
            --color-theme-textonthree: #FFFFFF;
            --color-theme-three-inputbg: #FFFFFF;
            --color-theme-three-inputborder: #FFFFFF;
            --color-theme-three-inputtext: #000000;
            --color-theme-four: #10375c;
            --color-theme-textonfour: #FFFFFF;
            --color-theme-four-inputbg: #FFFFFF;
            --color-theme-four-inputborder: #FFFFFF;
            --color-theme-four-inputtext: #000000;
            --color-theme-five: #e7f1f2;
            --color-theme-five-dark: #D9ECEE;
            --color-theme-five-light: #EDF5F6;
            --color-theme-textonfive: #127681;
            --color-theme-five-inputbg: #FFFFFF;
            --color-theme-five-inputborder: #FFFFFF;
            --color-theme-five-inputtext: #000000;
            --color-theme-headertop: #000000;
            --color-theme-textonheadertop: #FFFFFF;
            --color-theme-texthomepageservices: #FFFFFF;
            --color-theme-darkgray: #272727;
            --color-theme-textondarkgray: #ffffff;
            --color-theme-darkgray-inputbg: #FFFFFF;
            --color-theme-darkgray-inputborder: #FFFFFF;
            --color-theme-darkgray-inputtext: #000000;
            --color-theme-textonbanner: #FFFFFF;
            --color-theme-testimonial: #f0f1f5;
            --color-theme-titleontestimonial: #10375c;
            --color-theme-textontestimonial: #000000;
            --color-theme-menutext: #11375c;
            --color-theme-megamenu: #10375c;
            --color-theme-megamenu-title: #FFFFFF;
            --color-theme-megamenu-subtitle: #e38a27;
            --color-theme-textonmegamenu: #FFFFFF;
            --color-theme-phoneapp: #E0672B;
            --color-theme-sidebar: #F3F3F3;
            --color-theme-footer: #f4f6ff;
            --color-theme-textonfooter: #10375c;
            --color-theme-service-cat1: #FF5527;
            --color-theme-textonservice-cat1: #FFFFFF;
            --color-theme-service-cat2: #00B0C8;
            --color-theme-textonservice-cat2: #FFFFFF;
            --color-theme-service-cat3: #9FB127;
            --color-theme-textonservice-cat3: #FFFFFF;
            --color-theme-service-cat4: #ffcc00;
            --color-theme-textonservice-cat4: #FFFFFF;
            --color-theme-service-cat5: #dc1c6a;
            --color-theme-textonservice-cat5: #FFFFFF;
            
            --color-theme-calculator: #FFFFFF;
            --color-theme-textoncalculator: #000000;
            --color-theme-calculator-title1: #10375c;
            --color-theme-calculator-title2: #97b650;
            --color-theme-calculator-subtitle: #127681;
            --color-theme-calculator-box1: #e7f1f2;
            --color-theme-calculator-box1input: #FFFFFF;
            --color-theme-calculator-box1inputborder: #FFFFFF;
            --color-theme-calculator-box1inputtext: #000000;
            --color-theme-calculator-box2: #D9ECEE;
            --color-theme-calculator-box2input: #FFFFFF;
            --color-theme-calculator-box2inputborder: #FFFFFF;
            --color-theme-calculator-box2inputtext: #000000;
            --color-theme-calculator-number: #127681;
            --color-theme-calculator-textonnumber: #FFFFFF;
            --color-theme-calculator-button: #e38a27;
            --color-theme-calculator-textonbutton: #FFFFFF;
            
            --color-theme-general-inputbg: #F3F3F3;
            --color-theme-general-inputborder: #dfdfdfff;
            --color-theme-general-inputtext: #000000;
            
            --color-theme-lp-header: #f0f1f5;
            --color-theme-lp-textonheader: #333333;
            
            --color-theme-content-h1: #000000;
            --color-theme-content-h2: #000000;
            --color-theme-content-h3: #000000;
            --color-theme-content-h4: #000000;
            --color-theme-content-h5: #000000;
            --color-theme-content-p: #000000;
            
                    }
    </style>
 
</head>
<body onload="get_state_list(); load_my_team_data();" class="position-relative  template7">


<input type='hidden' value="https://taxtree.com:443/assets/images/brand-logo/taxleaf_brand_logo.png" id='website_logo'>

    <header>
        <section class="header-top bg-theme-headertop relative lg:z-[51]">
            <div class="color-picker relative" data-cssclass="right-[48%] top-2" data-parent="self" data-type="bg|text" data-cssvar="headertop|textonheadertop"></div>
            <div class="max-w-7xl mx-auto flex justify-between items-center px-6 relative z-11">
                <div class="flex justify-between w-full">
                    <div class="language-selector leaf-dropdown flex">
                        <button id="dropdownDefaultButton" data-dropdown-toggle="language-selector" class="text-white flex items-center text-sm ">
                            <span class="material-symbols-outlined w-[24px] h-[24px] mr-2">language</span><span class="border border-theme-textonheadertop rounded-full py-1 px-3 whitespace-nowrap">English <i class="fa-solid fa-caret-down ml-2"></i></span>
                        </button>
        
                        <!-- Dropdown menu -->
                        <div id="language-selector" class="dropdown-list z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">
                            <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownDefaultButton">
                                                                <li>
                                    <a class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white bg-gray-100" href="javascript:void(0)"
                                        onclick="getLanguageValue('en-us')">English                                    </a>
                                </li>
                                                                <li>
                                    <a class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white " href="javascript:void(0)"
                                        onclick="getLanguageValue('es-es')">Spanish                                    </a>
                                </li>
                                                                <li>
                                    <a class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white " href="javascript:void(0)"
                                        onclick="getLanguageValue('pt-br')">Portuguese                                    </a>
                                </li>
                                                            </ul>
                        </div>
                    </div>
                    <div class="flex ml-6">
                                                <a href="https://taxtree.com:443/office/NTYD/en-us/why-taxleaf" class="text-theme-textonheadertop flex items-center mr-5"><span class="material-symbols-outlined w-[24px] h-[24px]">eco</span> <span class="max-md:hidden ml-2">Why Leaf</span></a>
                                                <a href="https://taxtree.com:443/office/NTYD/en-us/store-locators" class="text-theme-textonheadertop flex items-center mr-5"><span class="material-symbols-outlined w-[24px] h-[24px]">location_on</span> <span class="max-md:hidden ml-2">Store Locator</span></a>
                        <a href="https://taxtree.com:443/office/NTYD/en-us/contact-us" class="text-theme-textonheadertop flex items-center"><span class="material-symbols-outlined w-[24px] h-[24px]">mail</span> <span class="max-md:hidden ml-2">Contact Us</span></a>
                    </div>
                    <div class="flex mr-2 whitespace-nowrap">
                        <a href="tel:" class="bg-theme-one flex items-center py-3 px-4 text-theme-textonone ml-6">
                            <span class="material-symbols-outlined w-[24px] h-[24px] md:mr-3">phone_in_talk</span> <span class="max-md:hidden"></span>
                        </a>
                        <div class="color-picker relative" data-cssclass="right-[48%] -top-6" data-parent="self" data-type="bg|text" data-cssvar="one|textonone"></div>
                    </div>
                    <div class="bg-theme-two px-6 py-2 -mb-2 rounded-b-3xl flex items-center max-md:hidden self-start h-[58px]">
                                                    <div>
                                <div class="color-picker relative" data-cssclass="left-6 top-6" data-parent="self" data-type="bg|text|border" data-cssvar="two-inputbg|two-inputtext|two-inputborder"></div>
                                <select id="portal_select" name="portal_select" aria-label="Switch Between Portals" class="bg-theme-two-inputbg text-theme-two-inputtext border-2 border-theme-two-inputborder px-2 py-2 rounded-lg">
                                    <option value="LeafCloud">LeafCloud</option>
                                    <option value="LeafPay">LeafPay</option>
                                    <option value="Quickbooks">Quickbooks</option>
                                </select>
                            </div>
                            <div id="my_cloud" class="">
                                <form action="https://clientportal.taxleaf.com/" method="post" target="_blank">
                                    <input type="submit" value="Go" class="text-theme-textonfour px-4">
                                </form>
                            </div>
                            <div class="color-picker relative" data-cssclass="left-6 top-6" data-parent="self" data-type="bg|text" data-cssvar="two|textontwo"></div>
                            <div id="leafPayAdmin" class="" style="display: none;">
                                <!-- https://secure.surepayroll.com/SPF/Login/Auth1.aspx -->
                                <!--https://secure.reseller.surepayroll.com/SPF/Login/Auth1.aspx-->
                                <form id="aspnetForm" action="https://www.runpayroll.com/SPF/Login/Auth1.aspx?PC=T7PR" method="post" name="aspnetForm" target="_blank">
                                    <input name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTExNDYzNzc2Mg9kFgJmD2QWAgIBD2QWBgIBD2QWAmYPDxYCHgRUZXh0BbAEPHRhYmxlIHN0eWxlPSJ3aWR0aDogNzUwcHg7IiBjZWxsc3BhY2luZz0iMCIgY2VsbHBhZGRpbmc9IjAiPg0KPHRib2R5Pg0KPHRyPg0KPHRkIGFsaWduPSJsZWZ0IiB2YWxpZ249ImJvdHRvbSIgd2lkdGg9IjUwJSI+PGltZyBzcmM9Ii9za2lucy90YXAvVEFQX2xvZ28uSlBHIiBhbHQ9IlJ1blBheXJvbGwgbG9nbyIgLz48L3RkPg0KPHRkIGFsaWduPSJyaWdodCIgdmFsaWduPSJib3R0b20iIHdpZHRoPSI1MCUiPg0KPHRhYmxlPg0KPHRib2R5Pg0KPHRyPg0KPHRkIGFsaWduPSJyaWdodCIgdmFsaWduPSJib3R0b20iPiZuYnNwOzwvdGQ+DQo8L3RyPg0KPHRyPg0KPHRkIGFsaWduPSJyaWdodCIgdmFsaWduPSJib3R0b20iPiZuYnNwOzwvdGQ+DQo8L3RyPg0KPHRyPg0KPHRkIGFsaWduPSJyaWdodCIgdmFsaWduPSJib3R0b20iPjxpbWcgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IiBzcmM9Ii9za2lucy90YXAvaW1hZ2VzL1Bvd2VyZWRCeUxvZ28uR0lGIiBhbHQ9IiIgLz48L3RkPg0KPC90cj4NCjwvdGJvZHk+DQo8L3RhYmxlPg0KPC90ZD4NCjwvdHI+DQo8L3Rib2R5Pg0KPC90YWJsZT5kZAIDD2QWAgIBD2QWCAIBD2QWCGYPFgIeB1Zpc2libGVnZAICDxYCHwFnZAIEDxYCHwFoZAIGDxYCHwFnZAIDDw8WAh8BaGRkAgUPDxYCHwFoZBYEZg9kFgQCAQ8PZBYCHgxhdXRvY29tcGxldGUFA29mZmQCAw8PZBYCHwIFA29mZmQCAQ9kFgQCAQ8PZBYCHwIFA29mZmQCAw8PZBYCHwIFA29mZmQCBw8PFgIfAWdkFgICAQ9kFggCAQ8PFgIfAWdkFgYCAQ8PZBYCHwIFA29mZmQCAw8PZBYCHwIFA29mZmQCBw8PFgIfAWdkZAIDDw8WAh8BZ2QWCAIBDw9kFgIfAgUDb2ZmZAIDDw9kFgIfAgUDb2ZmZAIHDw8WAh8BaGRkAgkPDxYCHwFnZBYCAgEPFgIfAAURT25saW5lIEVucm9sbG1lbnRkAgUPDxYCHwFnZGQCBw8PFgIfAWhkZAIND2QWAmYPDxYCHwAFiwU8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCIgc3JjPSIvamF2YXNjcmlwdHMvanF1ZXJ5LmpzIj48L3NjcmlwdD4NCjxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0IiA+DQogICAgJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24gKCkgew0KICAgICAgICAkLmFqYXhTZXR1cCh7IGNhY2hlOiBmYWxzZSB9KTsgJCgiI1lFQVIiKS5sb2FkKCIvc3BmL3dlYnV0aWxpdHkvRGlzcGxheUZyYW1ld29ya1ZhbHVlTm90U2VjdXJlZC5hc3B4P3Byb3BlcnR5PVlFQVIiKTsNCiAgICB9KTsNCjwvc2NyaXB0Pg0KPHRhYmxlIFdJRFRIPSI3NTAiIENFTExTUEFDSU5HPSIwIiBDRUxMUEFERElORz0iMCIgQk9SREVSPSIwIiBDTEFTUz0iRm9vdGVyVG9wIj4NCgk8dHI+DQoJCTx0ZCBjb2xzcGFuPTIgY2xhc3M9InNpdGVmb290ZXIgRm9vdGVyVG9wIiB3aWR0aD03NTA+DQoJCVJ1blBheXJvbGwgJiMxNTE7IE9ubGluZSBQYXlyb2xsIFNlcnZpY2U8YnI+DQoJCSZjb3B5OyA8YSBpZD0iWUVBUiIgID48L2E+ICZuYnNwOyAgQWxsIFJpZ2h0cyBSZXNlcnZlZCZuYnNwOyZuYnNwOyAgICAgICAgICAgDQogICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIG5hbWU9IkNPTVBVVEVSTkFNRSIgID4NCiAgICAgICAgIDwvdGQ+DQoJPC90cj4NCjwvdGFibGU+DQpkZGQvuDvJkvjbeMTBR7ayqa7PzuYfLg==" type="hidden">
                                    <input name="__EVENTTARGET" id="__EVENTTARGET" value="" type="hidden">
                                    <input name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" type="hidden">
                                    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAmca6nXLUHKAiW3dHeog6LcoOM5ucAGFCLU1FbkLYCJZ92xFDr91LIEYe44jgTjO1TXtQhhSHbuWBciPSw3xwpZAVPiJTbbM8l6pg5tomb4hEIh8XxsUWuk7I/Am+of+Gz55eM6HsJW7Edj3Oms8MzTRLN6bjMq03b1EbeSBA9K5+VPpjMOXGtUo+2rudRNQrRQnvUfyi7W93cjOpFBtqn666X1vA==">
                                    <!--<script src="https://taxleaf.com/wp-content/themes/taxleaf/MachineInfo.js">
                                    </script>
                                    <script src="https://taxleaf.com/wp-content/themes/taxleaf/WebResource.js">
                                    </script>-->
                                    <script type="text/javascript">
                                        function gatherIGData() {
    
                                            var aspnetForm = document.getElementById("aspnetForm");
    
                                            var secret = new MachineSecret(true);
    
                                            document.getElementById("ApplicationData").value = "";
    
                                            document.getElementById("ApplicationData").value = secret
                                                .getMachineFingerprint();
    
                                        }
                                    </script>
                                    <input name="ctl00$ApplicationData" id="ApplicationData" type="hidden">
                                    <input name="ctl00$ContentMain$btnSubmitAdminNSP" value="Go" onclick="gatherIGData();" id="ctl00_ContentMain_btnSubmitAdminNSP" type="submit" class="text-theme-textonfour px-4">
                                </form>
    
                            </div>
                            <div id="quickbooks" class="" style="display: none;">
    
                                <form action="https://qbo.intuit.com/" method="post" target="_blank">
                                    <input type="submit" value="Go" class="text-theme-textonfour px-4">
                                </form>
    
                            </div>
                                                <button onclick="submitChk();" class="flex items-center border-l pl-4 text-theme-textonfour font-semibold barlow-condensed-semibold text-lg tracking-wide"><span class="material-symbols-outlined w-[24px] h-[24px] mr-2">group</span>CHAT NOW</button>
                    </div>
                </div>
            </div>
        </section>

        <section class="header-mid primary-menu relative z-12" id="primary-navbar">
            <div class="max-w-7xl mx-auto py-3 md:flex justify-between items-center px-6 relative">
                <div class="max-md:flex max-md:justify-between items-center">
                                            <a href="https://taxtree.com:443/en-us/home" aria-label="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 889</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 889<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div> Home"><img src="https://taxtree.com:443/assets/images/brand-logo/taxleaf_brand_logo.png" rel="preload" as="image" fetchpriority="high" alt="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 889</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 889<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div> Logo" class="h-24" /></a>
                                        <button onclick="toggleMenu()" class="md:hidden menu-toggle cursor-pointer flex items-center ml-4 bg-theme-four text-theme-textonfour px-4 py-4 rounded" aria-label="Open Menu"><span class="material-symbols-outlined w-[24px] h-[24px]">menu</span></button>
                </div>
                <div class="main-nav">
                    <div class="md:hidden flex justify-between items-center mb-10">
                        <div class="flex-1"><img src="https://taxtree.com:443/assets/images/brand-logo/taxleaf_brand_logo.png" rel="preload" as="image" fetchpriority="high" alt="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/header.php</p>
<p>Line Number: 895</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/header.php<br />
			Line: 895<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 328<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div> Logo" class="h-24"></div>
                        <button onclick="toggleMenu()" class="md:hidden menu-toggle cursor-pointer flex items-center ml-4 bg-theme-four text-theme-textonfour px-4 py-4 rounded" aria-label="Close Menu"><span class="material-symbols-outlined w-[24px] h-[24px]">close</span></button>
                    </div>
                    <ul class="max-md:flex-col md:flex justify-end md:items-center menu">
    <li class="flex items-center"><a href="https://taxtree.com:443/office/NTYD/en-us/home" class="uppercase font-bold p-3 text-sm">Home</a></li>
    <li class="md:flex items-center">
        <div class="uppercase font-bold menu-dropdown cursor-pointer flex items-center p-4" id="menu_services" data-toggle-menu="mega-menu-services">Services <span class="material-symbols-outlined w-[24px] h-[24px]">arrow_drop_down</span></div>
        <div id="mega-menu-services" class="dropdown-menu-item top-24 shadow rounded-lg bg-theme-megamenu md:absolute right-0 md:w-8/10 hidden">
            <div class="px-6 pt-6">
                <h2 class="text-3xl font-semibold text-theme-textonone"><span class="material-symbols-outlined mr-4">local_mall</span>Our Services</h2>
                <hr class="border-theme-textonone my-3">
            </div>

            <div class="px-6 pb-6">
                <div id="service_list_data" class="grid md:grid-cols-2 xl:grid-cols-3 gap-8">
                    <div class="loader-light"></div>
                </div>
            </div>
        </div>
    </li>
    <li class="md:flex items-center">
        <div class="uppercase font-bold menu-dropdown cursor-pointer flex items-center p-3 text-sm" id="menu_accounting" data-toggle-menu="mega-menu-accounting">Accounting <span class="material-symbols-outlined w-[24px] h-[24px]">arrow_drop_down</span></div>
        <div id="mega-menu-accounting" class="dropdown-menu-item top-24 shadow rounded-lg bg-theme-megamenu md:absolute right-0 md:w-8/10 hidden">
            <div class="px-6 pt-6">
                <h2 class="text-3xl font-semibold text-theme-textonone"><span class="material-symbols-outlined mr-4">local_mall</span>Accounting Services</h2>
                <hr class="border-theme-textonone my-3">
            </div>

            <div class="px-6 pb-6">
                <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-8">
                    <div>
                        <h3 class="text-theme-three uppercase font-bold mb-2">Accounting By Induatry</h3>
                        <ul>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/medical">- Medical</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/legal">- Legal</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/dental">- Dental</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/real-estate">- Real Estate</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/retail-and-e-commerce">- Retail and E-Commerce</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/food-restaurants">- Food & Restaurants</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/automotive">- Automotive</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3 class="text-theme-three uppercase font-bold mb-2">Accounting For Franchises</h3>
                        <ul>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/for-franchises">- For Franchises</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/for-franchisors">- For Franchisors</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/franchising">- Franchise Opportunities</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li class="md:flex items-center">
        <div class="uppercase font-bold menu-dropdown cursor-pointer flex items-center p-3 text-sm" id="menu_tax_centers" data-toggle-menu="mega-menu-tax-centers">Tax Centers <span class="material-symbols-outlined w-[24px] h-[24px]">arrow_drop_down</span></div>
        <div id="mega-menu-tax-centers" class="dropdown-menu-item top-24 shadow rounded-lg bg-theme-megamenu md:absolute right-0 md:w-8/10 hidden">
            <div class="px-6 pt-6">
                <h2 class="text-3xl font-semibold text-theme-textonmegamenu"><span class="material-symbols-outlined mr-4">local_mall</span>Our Tax Centers</h2>
                <hr class="border-theme-textonone my-3">
            </div>

            <div class="px-6 pb-6">
                <div class="grid md:grid-cols-2 xl:grid-cols-4 gap-8">
                    <div>
                        <h3 class="text-theme-three uppercase font-bold mb-2">Track Your Refund</h3>
                        <ul>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/irs-refund">- Federal Income Tax</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/state-income-tax">- State Income Tax</a></li>
                        </ul>
                        
                        <div class="mt-6">
                            <h4 class="text-theme-three uppercase font-bold mb-2">Tax Due Dates</h4>
                            <ul>
                                <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/dates-by-tax-payer-type">- Dates by Tax Payer Type</a></li>
                                <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/important-tax-deadlines">- Federal Due Dates by Month</a></li>
                                <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/state-tax-due-dates">- State Tax Due Dates</a></li>
                            </ul>
                        </div>
                    </div>
                    <div>
                        <h3 class="text-theme-three uppercase font-bold mb-2">Tax Rates</h3>
                        <ul>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/2024-guidelines">- 2024 Guidelines</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/2023-guidelines">- 2023 Guidelines</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/2022-guidelines">- 2022 Guidelines</a></li>
                        </ul>

                        <div class="mt-6">
                            <h4 class="text-theme-three uppercase font-bold mb-2">IRS Tax Forms</h4>
                            <ul>
                                <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/for-businesses">- For Businesses</a></li>
                                <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/for-individuals">- For Individuals</a></li>
                            </ul>
                        </div>
                    </div>
                    <div>
                        <h3 class="text-theme-three uppercase font-bold mb-2">Record Retention</h3>
                        <ul>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/for-businesses">- For Businesses</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/for-individuals">- For Individuals</a></li>
                        </ul>

                        <div class="mt-6">
                            <h4 class="text-theme-three uppercase font-bold mb-2">State Tax Forms</h4>
                            <ul>
                                <li><a href="" class="text-theme-textonmegamenu text-sm">- Learn More (Coming Soon)</a></li>
                            </ul>
                        </div>
                    </div>
                    <div>
                        <h3 class="text-theme-three uppercase font-bold mb-2">Calculators</h3>
                        <ul>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/personal-tax-calculator">- Personal Tax 1040</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/salary-payroll-tax-calculator">- Salary Payroll Tax</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/hourly-payroll-tax-calculator">- Hourly  Payroll Tax</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/payroll-net-to-gross-calculator">- Payroll NET-GROSS</a></li>
                            <li><a class="text-theme-textonmegamenu text-sm" href="https://taxtree.com:443/office/NTYD/en-us/self-employment-tax-calculator">- Self Employment Tax</a></li>
                        </ul>                                        
                    
                        <div class="mt-6">
                            <h4 class="text-theme-three uppercase font-bold mb-2">Tax Oragnizer</h4>
                            <ul>
                                <li><a href="" class="text-theme-textonmegamenu text-sm">- Learn More (Coming Soon)</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li class="flex items-center"><a href="https://taxtree.com:443/office/NTYD/en-us/my-staff-list" class="uppercase font-bold p-3 text-sm">Our Team</a></li>
    <li class="flex items-center"><a href="https://taxtree.com:443/office/NTYD/en-us/franchising" class="uppercase font-bold p-3 text-sm">Franchising</a></li>
</ul>                </div>
            </div>
        </section>
    </header>


<style>
    </style>    <section class="pt-10">
        <div class="max-w-7xl mx-auto px-6">
            <div class="lg:flex">
                                
                
                <div class="lg:flex-1 md:pr-8 max-lg:px-6 max-lg:pb-6">
                    <div class="inner-page-content page-calculator">
   <div class="flex flex-wrap">
        <div class="lg:w-5/8 md:pr-10 w-full">
             <div class="color-picker relative" data-cssclass="left-50 top-6" data-parent="self" data-type="text|text" data-cssvar="one|two"></div>
            <h2 class="text-6xl font-extrabold text-theme-one mb-6">Payroll<br><span class="text-theme-two text-5xl">NET-GROSS</span> </h2>
            <p>This calculator was designed to determine the amount of gross wages that will result in a required net
                amount. Follow the simple steps, entering the applicable information. We do the rest, providing you with
                that number to help you achieve your net paycheck. This calculator uses the 2019 withholding
                schedules,rules and rates. (IRS Publication 15).
            </p>

        </div>
         <div class="lg:w-3/8 hidden lg:block">
            <div class="relative">
                <div class="color-picker relative" data-cssclass="left-20 top-20" data-parent="self" data-type="bg" data-cssvar="one-light"></div>
                <div class="absolute z-1 bg-theme-one-light w-80 h-80 rounded-full"></div>
                <img data-rjs="3" class="relative z-2" src="https://taxtree.com:443/assets/images/business-service-category.png" alt="">
            </div>
        </div>
    </div>

    <div class="serviceDesc">

        <div class="product-benefits-box mt-3 taxcenter-details">

            <div class="KJEWrapper">
                <div class="KJEWidthConstraint p-0">
                     <div class="color-picker relative" data-cssclass="left-2 top-0" data-parent="self" data-type="text" data-cssvar="one"></div>
                    <h1 class="text-4xl font-extrabold text-theme-one">Net to Gross Paycheck Calculator</h1>
                    <span class="top-span"></span>
                    <!--CALC_DESC-->
                    <!--CALC_DESC_END-->
                    <noscript>
                        <div align=center>
                            <div align=center id=KJENoJavaScript class=KJENoJavaScript>Javascript is required for
                                this
                                calculator. If you are using Internet Explorer, you may need to select to 'Allow
                                Blocked
                                Content' to view this calculator.
                                <p><b>For more information about these these financial calculators please visit: <A
                                            href=http://www.dinkytown.net target=_blank>Financial Calculators</a>
                                        from KJE
                                        Computer Solutions, LLC</b></p>
                            </div>
                        </div>
                    </noscript>
                    <div id="KJEAllContent"></div>
                    <!--
                  Financial Calculators, ©1998-2016 KJE Computer Solutions, LLC.
                  For more information please see:
                  <A HREF="http://www.dinkytown.net">http://www.dinkytown.net</A>
                 -->

                    <!--[if lt IE 9]>
                <script language="JavaScript" SRC="excanvas.js"></script>
                <![endif]-->
                    <script language="JavaScript" type="text/javascript" src="https://taxtree.com:443/assets/calculators/KJE.js"></script>
                    <script language="JavaScript" type="text/javascript"
                        src="https://taxtree.com:443/assets/calculators/KJESiteSpecific.js"></script>
                    <script language="JavaScript" type="text/javascript"
                        src="https://taxtree.com:443/assets/calculators/PayrollGross.js"></script>
                    <script language="JavaScript" type="text/javascript"
                        src="https://taxtree.com:443/assets/calculators/PayrollGrossParams.js"></script>

                    <br>
                    <hr size=1>
                    <div align=center>
                        <p class=KJEFooter>Information and interactive calculators are made available to you as
                            self-help
                            tools for your independent use and are not intended to provide investment advice. We
                            cannot and
                            do not guarantee their applicability or accuracy in regards to your individual
                            circumstances.
                            All examples are hypothetical and are for illustrative purposes. We encourage you to
                            seek
                            personalized advice from qualified professionals regarding all personal finance issues.
                        </p>
                    </div>
                </div>
            </div>


        </div>
    </div>

</div>
                    
        <div class="buildYourPlan builder tax-package" id="calculator"></div>
<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBqjgqedk6F7etkWm3Es63wY0_gIUaAuls&libraries=places&callback=initMap" async defer></script>-->

<script>
    if($('#office_map_bottom').length>0){
        (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
        key: "AIzaSyBqjgqedk6F7etkWm3Es63wY0_gIUaAuls",
        v: "weekly",
        // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
        // Add other bootstrap parameters as needed, using camel case.
        });
        
        if($('#office_map_bottom').length > 0){
            initMap();
        }
        
        let map2;
    }
    

    async function initMap() {
        if($('#office_map_bottom').length>0){
            if($('.locations-list li:first-child').length > 0){
                // $('.locations-list li:first-child a[data-bs-toggle="collapse"]').trigger('click');
                $('.locations-list li:first-child > a').trigger('click');
            } else {
                // The location
                const position = { lat: 36.099233, lng: -161.4996588 };
                // Request needed libraries.
                //@ts-ignore
                const { Map } = await google.maps.importLibrary("maps");
                const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
    
                // The map, centered at Uluru
                map2 = new Map(document.getElementById("office_map_bottom"), {
                    zoom: 10,
                    center: position,
                    mapId: "DEMO_MAP_ID",
                });
            }
        }
    }

    async function setpointer(lat, lng, title, address, website, phone, email){
        // The location
        const position = { lat: +lat, lng: +lng };
        // Request needed libraries.
        //@ts-ignore
        const { Map } = await google.maps.importLibrary("maps");
        const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

        // The map, centered at Uluru
        map2 = new Map(document.getElementById("office_map_bottom"), {
            zoom: 15,
            center: position,
            mapId: "office_map_bottom",
        });

        const contentString =
            '<div id="content">' +
            '<h1 id="firstHeading" class="firstHeading">'+title+'</h1>' +
            '<div id="bodyContent">' +
            '<p><b>Email :</b> <a href="mailto: '+email+'">'+email+'</a></p>' +
            '<p><b>Address :</b> '+address+'</p>' +
            '<p><b>Phone :</b> <a href="tel: '+email+'">'+phone+'</a></p>' +
            '<p><a class="btn btn-sm btn-warning" href="'+website+'" target="_blank">Visit Website</a></p>' +
            "</div>" +
            "</div>";
        const infowindow = new google.maps.InfoWindow({
            content: contentString,
            ariaLabel: title,
        });

        const marker = new AdvancedMarkerElement({
            map: map2,
            position: position,
            title: title,
        });

        marker.addListener("click", () => {
            infowindow.open({
            anchor: marker,
            map2,
            });
        });

        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map2,marker);
        });

        infowindow.open(map2,marker);
    }

</script>                </div>
                
                                    <div class="lg:w-[325px] bg-theme-sidebar rounded-[40px] overflow-hidden mb-8 max-lg:mx-6">
                            <div class="rightSidebar widgetsArea"> 
        <div class="sidebar-widget">
    <div class="sidebar-widget-header bg-theme-three">
        <div class="color-picker relative" data-cssclass="left-6 top-6" data-parent="self" data-type="bg|text" data-cssvar="three|textonthree"></div>
        <h3 class="font-black text-3xl flex items-center justify-center text-theme-textonthree py-6">Our Calculators</h3>
    </div>
    <div class="sidebar-widget-body px-2 pt-4 pb-12" id="widget_category_wise_service_list">
        <div class="color-picker relative" data-cssclass="left-6 top-6" data-parent="self" data-type="bg|text" data-cssvar="sidebar|textonsidebar"></div>
        <div class="p-4 grid gap-3">
            <a class="text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/personal-tax-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Personal Tax 1040</a>
            <a class="text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/salary-payroll-tax-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Salary Payroll Tax</a>
            <a class="text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/hourly-payroll-tax-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Hourly Payroll Tax</a>
            <a class="text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/payroll-net-to-gross-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Payroll NET-GROSS</a>
            <a class="text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/self-employment-tax-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Self-Employment Tax</a>
        </div>
    </div>
</div><div class="sidebar-widget">
    <div class="sidebar-widget-header bg-theme-three">
        <div class="color-picker relative" data-cssclass="left-6 top-6" data-parent="self" data-type="bg|text" data-cssvar="three|textonthree"></div>
        <h3 class="font-black text-3xl flex items-center justify-center text-theme-textontwo py-6">Tax Centers</h3>
    </div>
    <div class="sidebar-widget-body px-2 pt-4 pb-12">
        <div class="color-picker relative" data-cssclass="left-6 top-6" data-parent="self" data-type="bg|text" data-cssvar="sidebar|textonsidebar"></div>
        <ul class="leaf-accordion no-indicator" data-accordion-mode="single">
            <li class="leaf-accordion-item">
                <div class="leaf-accordion-header">
                    <span class="font-bold flex items-center">
                        <span class="material-symbols-outlined mr-3 text-theme-three">east</span>
                        Track Your Refund
                    </span>
                </div>
                <div class="leaf-accordion-content">
                    <div class="p-4 grid gap-3">
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/irs-refund"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Federal Income Tax</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/state-income-tax"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>State Income Tax</a>
                    </div>
                </div>
            </li>
            <li class="leaf-accordion-item">
                <div class="leaf-accordion-header">
                    <span class="font-bold flex items-center">
                        <span class="material-symbols-outlined mr-3 text-theme-three">east</span>
                        Tax Rates
                    </span>
                </div>
                <div class="leaf-accordion-content">
                    <div class="p-4 grid gap-3">
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/2024-guidelines/"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>2014 Federal Tax Bracket</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/2023-guidelines/"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>2023 Federal Tax Bracket</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/2022-guidelines/"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>2022 Federal Tax Bracket</a>
                    </div>
                </div>
            </li>
            <li class="leaf-accordion-item">
                <div class="leaf-accordion-header">
                    <span class="font-bold flex items-center">
                        <span class="material-symbols-outlined mr-3 text-theme-three">east</span>
                        Record Retention
                    </span>
                </div>
                <div class="leaf-accordion-content">
                    <div class="p-4 grid gap-3">
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/for-businesses"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>For Businesses</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/for-individuals"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>For Individuals</a>
                    </div>
                </div>
            </li>
            <li class="leaf-accordion-item">
                <div class="leaf-accordion-header">
                    <span class="font-bold flex items-center">
                        <span class="material-symbols-outlined mr-3 text-theme-three">east</span>
                        Calculators
                    </span>
                </div>
                <div class="leaf-accordion-content">
                    <div class="p-4 grid gap-3">
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/personal-tax-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Personal Tax 1040</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/salary-payroll-tax-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Salary Payroll Tax</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/hourly-payroll-tax-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Hourly Payroll Tax</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/payroll-net-to-gross-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Payroll NET-GROSS</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/self-employment-tax-calculator"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Self Employment Tax</a>
                    </div>
                </div>
            </li>
            <li class="leaf-accordion-item">
                <div class="leaf-accordion-header">
                    <span class="font-bold flex items-center">
                        <span class="material-symbols-outlined mr-3 text-theme-three">east</span>
                        Tax Due Dates
                    </span>
                </div>
                <div class="leaf-accordion-content">
                    <div class="p-4 grid gap-3">
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/dates-by-tax-payer-type"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Dates by Tax Payer Type</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/important-tax-deadlines"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Federal Due Dates by Month</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/state-tax-due-dates"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>State Tax Due Dates</a>
                    </div>
                </div>
            </li>
            <li class="leaf-accordion-item">
                <div class="leaf-accordion-header">
                    <span class="font-bold flex items-center">
                        <span class="material-symbols-outlined mr-3 text-theme-three">east</span>
                        IRS Tax Forms
                    </span>
                </div>
                <div class="leaf-accordion-content">
                    <div class="p-4 grid gap-3">
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/for-businesses"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>For Businesses</a>
                        <a class="flex text-theme-textonsidebar" href="https://taxtree.com:443/office/NTYD/en-us/for-individuals"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>For Individuals</a>
                    </div>
                </div>
            </li>
            <li class="leaf-accordion-item">
                <div class="leaf-accordion-header">
                    <span class="font-bold flex items-center">
                        <span class="material-symbols-outlined mr-3 text-theme-three">east</span>
                        State Tax Forms
                    </span>
                </div>
                <div class="leaf-accordion-content">
                    <div class="p-4 grid gap-3">
                        <a class="flex text-theme-textonsidebar" href="#"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Learn More</a>
                    </div>
                </div>
            </li>
            <li class="leaf-accordion-item">
                <div class="leaf-accordion-header">
                    <span class="font-bold flex items-center">
                        <span class="material-symbols-outlined mr-3 text-theme-three">east</span>
                        Tax Organizer
                    </span>
                </div>
                <div class="leaf-accordion-content">
                    <div class="p-4 grid gap-3">
                        <a class="flex text-theme-textonsidebar" href="#"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>Learn More</a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div><div class="chat-widget  bg-theme-three">
    <div class="color-picker relative" data-cssclass="left-6 top-6" data-parent="self" data-type="bg|text" data-cssvar="three|textonthree"></div>
    <div class="flex justify-between px-4 cursor-pointer" onclick="submitChk();">
        <span class="-mt-10">
            <img src="https://taxtree.com/office/assets/images/chat-lady.png">
        </span>
        <div class="py-4">
            <h2 class="text-theme-textonthree text-4xl uppercase font-bold">CHAT<br>WITH<br>US</h2>
        </div>
    </div>
</div><div class="sidebar-widget">
    <div class="sidebar-widget-header px-6">
        <div class="color-picker relative" data-cssclass="left-6 top-6" data-parent="self" data-type="text" data-cssvar="textonsidebar"></div>
        <h3 class="font-black text-3xl flex items-center justify-center py-6">Let Us Know How We Can Help.</h3>
    </div>
    
    <div class="sidebar-widget-body bg-theme-three px-6 pt-6 pb-12">
        <form action="post" name="sidebar_form" id="sidebar_form" class="validateForm sidebar_form">
            <div class="color-picker relative" data-cssclass="left-6 top-10" data-parent="self" data-type="bg|text|border" data-cssvar="three-inputbg|three-inputtext|three-inputborder"></div>
            <div class="mb-3"><input class="bg-theme-three-inputbg text-theme-three-inputtext border border-theme-three-inputborder w-full px-4 py-2" type="text" id="inputName04" name="name" placeholder="Name" required=""></div>
            <div class="mb-3"><input class="bg-theme-three-inputbg text-theme-three-inputtext border border-theme-three-inputborder w-full px-4 py-2" type="email" id="inputEmail04" name="email" placeholder="Email" required=""></div>
            <div class="mb-3"><input class="bg-theme-three-inputbg text-theme-three-inputtext border border-theme-three-inputborder w-full px-4 py-2" type="tel" id="inputPhone04" name="phone" placeholder="whatsApp" required=""></div>
            <div class="text-center">
                <!--<div class="g-recaptcha" data-sitekey="6LeU_7UqAAAAAC8mWnnHSrE6iOQQ9yfvbYqY4-cx"  data-recaptcha-id="captcha_sidebar_form" style="width:304px; margin:auto; scale:0.7"></div><br/>-->
                <div class="captcha" data-form-id="sidebar_form" id="captcha_sidebar_form" data-key="6LeU_7UqAAAAAC8mWnnHSrE6iOQQ9yfvbYqY4-cx" style="width:304px; margin:auto; scale:0.7"></div><br>
                <button class="bg-theme-two text-theme-textontwo px-6 py-2 rounded-full"  type="submit">Submit</button>
                <div class="color-picker relative" data-cssclass="left-[48%] -top-6" data-parent="self" data-type="bg|text" data-cssvar="two|textontwo"></div>
            </div>
        </form>
    </div>
</div>    </div><!--end of the rightSidebar-->
                    </div>
                            </div>
        </div>
        
        <div class="max-w-7xl mx-auto max-md:px-6 py-6 md:py-20">
    <div class="general-business-form gbf-managerInfo">
        <h1 class="text-center text-4xl font-black text-theme-four">To get started, tell us a little<br/>about your business</h1>
        <div class="md:flex mt-8">
            <div class="w-full md:w-5/8">
                <div class="md:w-3/4 mx-auto pt-16">

                    <form action="post" name="franchise_form" id="franchise_form" class="trial-form validateForm">
                       
                        <div class="mb-3">
                            <input class="bg-theme-general-inputbg border border-theme-general-inputborder text-theme-general-inputtext px-4 py-2 w-full" placeholder="Your Business Name" value="" type="text"  name="businessName" id="businessName" required>
                        </div>

                        <div class="mb-3">
                            <input class="bg-theme-general-inputbg border border-theme-general-inputborder text-theme-general-inputtext px-4 py-2 w-full" placeholder="Your Name" value="" type="text" name="name" id="InputName02" required>
                        </div>

                        <div class="mb-3">
                            <input class="bg-theme-general-inputbg border border-theme-general-inputborder text-theme-general-inputtext px-4 py-2 w-full" placeholder="Your Email" value="" type="email" name="email"  id="InputEmail02" required>
                        </div>

                        <div class="mb-3">
                            <input class="bg-theme-general-inputbg border border-theme-general-inputborder text-theme-general-inputtext px-4 py-2 w-full" placeholder="WhatsApp/Telephone" value="" type="tel" name="phone" id="InputPhone02" required>
                        </div>

                        <div class="mb-3">
                            <select required class="bg-theme-general-inputbg border border-theme-general-inputborder text-theme-general-inputtext px-4 py-2 w-full form-select" id="serviceName" aria-required="true" aria-invalid="false"
                                name="serviceName">
                                <option value="">Select Services</option>
                                <option value="Bookkeeping">Bookkeeping</option>
                                <option value="Payroll">Payroll</option>
                                <option value="Bookkeeping & Payroll">Bookkeeping & Payroll</option>
                                <option value="Sales Taxe">Sales Taxe</option>
                                <option value="All of the Above">All of the Above</option>
                            </select>
                        </div>

                        <div class="captcha-row">
                            <!--<div class="g-recaptcha" data-sitekey="6LeU_7UqAAAAAC8mWnnHSrE6iOQQ9yfvbYqY4-cx"  data-recaptcha-id="captcha_franchise_form" style="width:304px; margin:auto; scale:0.7"></div>-->
                            <div class="captcha" data-form-id="franchise_form" id="captcha_franchise_form" data-key="6LeU_7UqAAAAAC8mWnnHSrE6iOQQ9yfvbYqY4-cx" style="width:304px; margin:auto; scale:0.7"></div>
                            <div class="flex justify-center">
                                <button type="submit" class="bg-theme-two text-theme-textontwo px-6 py-2 rounded-full">Submit</button>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
            <div class="w-full md:w-3/8 max-md:pt-12">
                <div class="md:w-2/3 mx-auto flex flex-col items-center">
                    <div class="owner-img text-center -mb-12 relative z-1">
                        <img src="https://taxtree.com/office/cms/upload/image-gallery/6731da4cade5b.png" alt="" width="145"
                            class="img-fluid rounded-full shadow">
                    </div>
                    <div class="rounded-xl bg-theme-one-light pt-14 px-6 pb-6 flex flex-col">
                        <span class="owner-name text-center bg-theme-five text-xl text-theme-textonfive w-full font-bold py-2"> </span>
                        <div class="cont-info mt-3">
                            <h3 class="text-uppercase text-center font-black text-lg uppercase text-theme-four mb-4"></h3>
                            <div class="email-box flex mb-4">
                                <span class="mr-3"><i class="fas fa-envelope text-theme-three" aria-hidden="true"></i></span>
                                <a href="mailto:" title="">
                                     </a>
                            </div>
                            <div class="address-box flex mb-4">
                                <span class="mr-3"><i class="fas fa-map-marker-alt text-theme-three" aria-hidden="true"></i></span>
                                <address>
                                    , ,  
                                </address>
    
                            </div>
                            <div class="phone-box flex mb-4">
                                <span class="mr-3"><i class="fas fa-phone-alt text-theme-three" aria-hidden="true"></i></span>
                                <span>
                                    
                                </span>
                            </div>
                        </div>
                        <div class="flex items-center justify-center">
                            <a href="javscript:void(0);" onclick="submitChk();" class="bg-theme-two text-theme-textontwo px-4 py-2 rounded"
                                title="Chat with me">Chat with me</a>
                            <a href="contact-us/" class="bg-theme-two text-theme-textontwo px-4 py-2 rounded ml-3" title="" previewlistener="true">Contact
                                Me</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><div class="max-w-7xl mx-auto max-md:px-6 py-6 md:py-20">
    <h2 class="text-center text-4xl font-black text-theme-four uppercase">Top <span>Services</span> </h2>
    <div id="widget_top_services" class="mt-8"></div>
</div><section class="bg-theme-testimonial">
    <div class="max-w-7xl mx-auto py-20">
        <h2 class="text-5xl font-extrabold text-theme-four text-center">What People Say</h2>

        <div class="flex">
            <div class="w-6/8 mx-auto">
                <div class="flex justify-center my-10"><img src="https://taxtree.com:443/assets/templates/template7/themea/images/quotes-sign.svg" /></div>
                <div id="testimonial_data"><div class="loader-dark"></div></div>
            </div>
        </div>
    </div>
</section>
<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBqjgqedk6F7etkWm3Es63wY0_gIUaAuls&libraries=places&callback=initMap" async defer></script>-->

<script>
    if($('#office_map_bottom').length > 0){
        (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
        key: "AIzaSyBqjgqedk6F7etkWm3Es63wY0_gIUaAuls",
        v: "weekly",
        // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
        // Add other bootstrap parameters as needed, using camel case.
        });
        initMap2();
        
        let map2;
    }

    async function initMap2() {
        if($('.locations-list li:first-child').length > 0){
            // The location
            const position = { lat: 36.099233, lng: -161.4996588 };
            // Request needed libraries.
            //@ts-ignore
            const { Map } = await google.maps.importLibrary("maps");
            const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

            // The map, centered
            map2 = new Map(document.getElementById("office_map_bottom"), {
                zoom: 10,
                center: position,
            });
            
            $('.locations-list li:first-child').trigger('click');
        } else {
            // The location
            const position = { lat: 36.099233, lng: -161.4996588 };
            // Request needed libraries.
            //@ts-ignore
            const { Map } = await google.maps.importLibrary("maps");
            const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

            // The map, centered at Uluru
            map2 = new Map(document.getElementById("office_map_bottom"), {
                zoom: 10,
                center: position,
                mapId: "office_map_bottom",
            });
        }
    }

    async function setpointer2(lat, lng, title, address, website, phone, email){
        // The location
        const position = { lat: +lat, lng: +lng };
        // Request needed libraries.
        //@ts-ignore
        const { Map } = await google.maps.importLibrary("maps");
        const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

        // The map, centered at Uluru
        map2 = new Map(document.getElementById("office_map_bottom"), {
            zoom: 15,
            center: position,
            mapId: "office_map_bottom",
        });

        const contentString =
            '<div id="content">' +
            '<h1 id="firstHeading" class="firstHeading">'+title+'</h1>' +
            '<div id="bodyContent">' +
            '<p><b>Email :</b> <a href="mailto: '+email+'">'+email+'</a></p>' +
            '<p><b>Address :</b> '+address+'</p>' +
            '<p><b>Phone :</b> <a href="tel: '+email+'">'+phone+'</a></p>' +
            '<p><a class="btn btn-sm btn-warning" href="'+website+'" target="_blank">Visit Website</a></p>' +
            "</div>" +
            "</div>";
        const infowindow = new google.maps.InfoWindow({
            content: contentString,
            ariaLabel: title,
        });

        const marker = new AdvancedMarkerElement({
            map: map2,
            position: position,
            title: title,
        });

        marker.addListener("click", () => {
            infowindow.open({
            anchor: marker,
            map2,
            });
        });

        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map2,marker);
        });

        infowindow.open(map2,marker);
    }

</script>    </section>

<input type="hidden" name="page_update_date" id="page_update_date" value="08-13-2025" />
<input type="hidden" id="mode" value="" />
    <footer>
        <section class="bg-theme-footer text-theme-textonfooter">
            <div class="color-picker relative" data-cssclass="right-[48%] top-2" data-parent="self" data-type="bg|text" data-cssvar="footer|textonfooter"></div>
            <div class="max-w-7xl mx-auto px-6 py-8">
                
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/footer.php</p>
<p>Line Number: 172</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/footer.php<br />
			Line: 172<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 427<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div><section class="bg-theme-footer text-theme-textonfooter">
    <div class="color-picker relative" data-cssclass="left-50 top-6" data-parent="self" data-type="bg|text" data-cssvar="footer|textonfooter"></div>
    <div class="max-w-7xl mx-auto max-md:px-6">
        <div class="grid md:grid-cols-3">
            <div class="pt-10 md:py-10">
                <h2 class="font-black text-2xl text-theme-textonfooter uppercase">Services</h2>
                <div class="color-picker relative" data-cssclass="left-0 top-8" data-parent="self" data-type="text|text" data-cssvar="three|textonfooter"></div>
                <ul class="mt-3 md:mt-6">
                    <li><a href="https://taxtree.com:443/NTYD/en-us/bookkeeping-recurring" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Bookkeeping</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/payroll" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Payroll</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/tax-return-business" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Business Tax Return</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/tax-return-resident" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Personal Tax Return</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/new-company" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Create New Company</a></li>
                   
                </ul>
            </div>
            <div class="pt-10 md:py-10">
                <h2 class="font-black text-2xl text-theme-textonfooter uppercase">Tax Center</h2>
                <ul class="mt-3 md:mt-6 grid gap-2">
                    <li><a href="https://taxtree.com:443/NTYD/en-us/important-tax-deadlines" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Important Tax Dates</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/for-businesses" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>IRS Forms</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/for-businesses" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Record Retention</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/tax-calculators" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Calculators</a></li>
                   
                </ul>
            </div>
            <div class="pt-10 md:py-10">
                <h2 class="font-black text-2xl text-theme-textonfooter uppercase">Calculators</h2>
                <ul class="mt-3 md:mt-6 grid gap-2">
                    <li><a href="https://taxtree.com:443/NTYD/en-us/personal-tax-calculator" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Personal Tax Calculator</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/salary-payroll-tax-calculator" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Salary Payroll Tax Calculator</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/hourly-payroll-tax-calculator" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Hourly Payroll Tax Calculator</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/payroll-net-to-gross-calculator" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Payroll Net-to-Gross Calculator</a></li>
                    <li><a href="https://taxtree.com:443/NTYD/en-us/self-employment-tax-calculator" class="flex"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>Self Employment Tax Calculator</a></li>
                </ul>
            </div>
        </div>
        <div class="grid md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-8 py-10">
            <div class="flex justify-start items-center">
                <img src="https://taxtree.com:443/assets/images/brand-logo/taxleaf_brand_logo.png" alt="Logo " class="max-h-24" loading="lazy">
            </div>
            <div>
                <h2 class="mb-4 font-bold text-xl">Contact</h2>
                <a class="flex items-center mb-4"><span class="material-symbols-outlined text-theme-three mr-2">call</span> </a>
                <a class="flex items-center"><span class="material-symbols-outlined text-theme-three mr-2">email</span> </a>
            </div>
            <!--<div>
                <h2 class="mb-4 font-bold text-xl">Quick links</h2>
                <ul>
                    <li><a href="">Submit CV</a></li>
                    <li><a href="">Post Job</a></li>
                    <li><a href="">Career</a></li>
                </ul>
            </div>-->
            <div>
                <h2 class="mb-4 font-bold text-xl">Get In Touch</h2>
                <div class="flex">
                    <a href="" class="text-theme-textonfooter mr-3" aria-label="Facebook Page Link"><i class="fa-brands fa-facebook text-4xl"></i></a>
                    <a href="" class="text-theme-textonfooter mr-3" aria-label="Instagram Page Link"><i class="fa-brands fa-square-instagram text-4xl"></i></a>
                    <a href="" class="text-theme-textonfooter mr-3" aria-label="LinkedIn Page Link"><i class="fa-brands fa-linkedin text-4xl"></i></a>
                    <a href="" class="text-theme-textonfooter" aria-label="Youtube Page Link"><i class="fa-brands fa-square-youtube text-4xl"></i></a>
                </div>
                <div class="color-picker relative" data-cssclass="left-0 top-8" data-parent="self" data-type="text" data-cssvar="three"></div>
                <a href="tel:" class="flex items-center text-theme-three mt-4">
                    <span class="material-symbols-outlined">phone_in_talk</span> <span class="ml-4 text-xl font-black"></span>
                </a>
            </div>
        </div>
    </div>
</section>
<!--<section class="bg-theme-headertop text-theme-textonheadertop">
    <div class="color-picker relative" data-cssclass="left-50 top-8" data-parent="self" data-type="bg|text" data-cssvar="headertop|textonheadertop"></div>
    <div class="max-w-7xl mx-auto max-md:px-6">
        <div class="p-6 flex justify-center">
            <a href="https://taxtree.com:443/NTYD/en-us/services" class="hover:opacity-50">Services</a>
            <span class="mx-6">|</span>
            <a href="https://taxtree.com:443/NTYD/en-us/tax-centers" class="hover:opacity-50">Tax Center</a>
            <span class="mx-6">|</span>
            <a href="https://taxtree.com:443/NTYD/en-us/franchising" class="hover:opacity-50">Franchising</a>
        </div>
    </div>
</section>
<section class="bg-theme-three text-theme-textonthree">
    <div class="color-picker relative" data-cssclass="left-50 top-8" data-parent="self" data-type="bg|text" data-cssvar="three|textonthree"></div>
    <div class="max-w-7xl mx-auto text-center">
        <div class="p-6">© 2025 Taxleaf - All Rights Reserved</div>
    </div>
</section>-->            </div>
        </section>
        <section class="bg-theme-headertop text-theme-textonheadertop">
            <div class="color-picker relative" data-cssclass="left-50 top-8" data-parent="self" data-type="bg|text" data-cssvar="headertop|textonheadertop"></div>
            <div class="max-w-7xl mx-auto px-6">
                <div class="color-picker relative" data-cssclass="left-[48%] top-0" data-parent="self" data-position="top" data-type="bg|text" data-cssvar="headertop|textonheadertop"></div>
                <div class="p-6 flex justify-center">
                    <a href="https://taxtree.com:443/services" class="hover:opacity-50">Services</a>
                    <span class="mx-6">|</span>
                    <a href="https://taxtree.com:443/tax-centers" class="hover:opacity-50">Tax Center</a>
                    <span class="mx-6">|</span>
                    <a href="https://taxtree.com:443/franchising" class="hover:opacity-50">Franchising</a>
                </div>
            </div>
        </section>
        <section class="bg-theme-three text-theme-textonthree">
            <div class="color-picker relative" data-cssclass="left-50 top-8" data-parent="self" data-type="bg|text" data-cssvar="three|textonthree"></div>
            <div class="max-w-7xl mx-auto text-center px-6">
                <div class="color-picker relative" data-cssclass="left-[48%] top-0" data-parent="self" data-position="top" data-type="bg|text" data-cssvar="three|textonthree"></div>
                <div class="p-6">&copy; 2025 
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/footer.php</p>
<p>Line Number: 235</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/includes/footer.php<br />
			Line: 235<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/views/templates/template7/themea/index.php<br />
			Line: 427<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 813<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/application/controllers/Home.php<br />
			Line: 93<br />
			Function: office_index			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/taxtree.com/public_html/index.php<br />
			Line: 316<br />
			Function: require_once			</p>

		
	

</div> - All rights reserved</div>
            </div>
        </section>
    </footer>
  
  
<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBqjgqedk6F7etkWm3Es63wY0_gIUaAuls&libraries=places&callback=initMap" async defer></script>-->
<script>
    window.addEventListener('signalzen.collapse', function (e) {
      if (e.detail.status === 'opened') {
          $('#signal_zen_widget ._1ba00').attr('aria-label','close chat');
        $('.whatsapp_popover').removeClass('active');
        
        
        if ($("#signal_zen_widget form").length > 0) {
            $('#signal_zen_widget form').attr('id','signalzen-form');
            $('#signal_zen_widget form button[type="submit"]').prop('disabled', true);
            
            validateSignalzenForm();
        } else {
            // Optionally, you can set up a MutationObserver to watch for changes
            // in the div and execute the function when the form is added.
            const targetNode = document.getElementById('signal_zen_widget');
            if (targetNode) { // check if targetNode exists
                $('#signal_zen_widget a._1ba00').attr('aria-label','close chat');
                const config = { childList: true, subtree: true };
        
                const observer = new MutationObserver(function(mutationsList, observer) {
                for (const mutation of mutationsList) {
                  if (mutation.type === 'childList') {
                    if ($("#signal_zen_widget form").length > 0) {
                        $('#signal_zen_widget form').attr('id','signalzen-form');
                        $('#signal_zen_widget form button[type="submit"]').prop('disabled', true);
                        validateSignalzenForm();
                        observer.disconnect(); // Stop observing once the form is found
                        return;
                    }
                  }
                }
              });
        
              observer.observe(targetNode, config);
            }
          }
      }
    }, false);
    
    function validateSignalzenForm(){
        $('#signal_zen_widget form input').on('keyup', function () {
            var inputBlank = 0;
            
            $('#signal_zen_widget form input').each(function(){
                if($(this).attr('type')=="text"){
                    if($.trim($(this).val()) == ''){
                        inputBlank = 1;
                    }
                } else if($(this).attr('type')=="email"){
                    if($.trim($(this).val()) == ''){
                        inputBlank = 1;
                    } else {
                        if(!isValidEmail($.trim($(this).val()))){
                            inputBlank = 1;
                        }
                    }
                } else {
                    if($.trim($(this).val()) == ''){
                        inputBlank = 1;
                    }
                }
            });
            
            console.log(inputBlank);
            
            if(inputBlank == 0){
                $('#signal_zen_widget form button[type="submit"]').prop('disabled', false);
            } else {
                $('#signal_zen_widget form button[type="submit"]').prop('disabled', true);
            }
        });
    }
    
    function isValidEmail(email) {
        const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
        return emailRegex.test(email);
    }

    $(document).ready(function() {
        toggleOfficeInfoSection();
        load_bookkeeping_calculator();
        
        $('#portal_select').on('change', function() {
            var selectedValue = $(this).val();
            if(selectedValue == 'LeafCloud'){
                $('#my_cloud').show();
                $('#leafPayAdmin').hide();
                $('#quickbooks').hide();
            } else if(selectedValue == 'LeafPay'){
                $('#my_cloud').hide();
                $('#leafPayAdmin').show();
                $('#quickbooks').hide();
            } else if(selectedValue == 'Quickbooks'){
                $('#my_cloud').hide();
                $('#leafPayAdmin').hide();
                $('#quickbooks').show();
            }
        });
        
        
        $('#card_expiry').on('input', function() {
            var enteredDate = $(this).val();
            var currentDate = new Date();
            var currentYear = currentDate.getFullYear() % 100; // Get last two digits of the current year
            var currentMonth = currentDate.getMonth() + 1; // Months are zero-based
    
            // Check if the enteredDate matches the MM/YY format
            var dateRegex = /^(0[1-9]|1[0-2])\/?([0-9]{2})$/;
            if (!dateRegex.test(enteredDate)) {
                $('#expiryError').text('Please enter a valid expiry date (MM/YY)');
                return;
            }
    
            var enteredMonth = parseInt(enteredDate.substring(0, 2));
            var enteredYear = parseInt('20' + enteredDate.substring(3, 5));
    
            // Check if the entered expiry date is in the future
            if (enteredYear < currentYear || (enteredYear === currentYear && enteredMonth < currentMonth)) {
                $('#expiryError').text('Card expiry date should be in the future');
            } else {
                $('#expiryError').text('');
            }
        });
        var logo=$("#website_logo").val();
        if(logo!=''){
            var imgSrc="https://leafnet.us/uploads/"+logo;
        }else{
            var imgSrc="https://taxtree.com/assets/images/taxtreeLogo.png";
        }
        $("#footer_logo").attr('src', imgSrc);
        
        
        // Mega Menu Dropdown Toggle
        $('.main-nav .menu-dropdown').click(function(event) {
            event.preventDefault();

            var targetMenu = $(this).attr('data-toggle-menu');
            var targetMenuItem = $('#' + targetMenu);

            if (targetMenuItem.hasClass('hidden')) {
                // If the dropdown is hidden, show it
                $('.main-nav .dropdown-menu-item').addClass('hidden'); // Hide others
                targetMenuItem.removeClass('hidden');
            } else {
                // If the dropdown is visible, hide it
                targetMenuItem.addClass('hidden');
            }
        });

        // Close Megamenu when clicking outside
        $(document).click(function(event) {
            if (!$(event.target).closest('.main-nav .menu-dropdown, .main-nav .dropdown-menu-item').length) {
                $('.main-nav .dropdown-menu-item').addClass('hidden');
            }
        });
        
        // Homepage Carousel
        $('.hero-carousel').owlCarousel({
            loop:true,
            margin:10,
            nav:false,
                        autoplay:true,
            autoplayTimeout:5000,
                        responsive:{
                0:{
                    items:1
                },
                600:{
                    items:1
                },
                1000:{
                    items:1
                }
            },
            onInitialized: function() {
                // Loop through each dot within this specific carousel instance
                $(this.$element).find('.owl-dot').each(function(index) {
                    // Set aria-label for each dot
                    $(this).attr('aria-label', 'Go to slide ' + (index + 1));
                });
            }
        });
        
        //partner-logo-carousel
        $('.partner-logo-carousel').owlCarousel({
            loop:true,
            margin:10,
            nav:false,
            autoplay:true,
            autoplayTimeout:3000,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:3
                },
                1000:{
                    items:5
                }
            },
            onInitialized: function() {
                // Loop through each dot within this specific carousel instance
                $(this.$element).find('.owl-dot').each(function(index) {
                    // Set aria-label for each dot
                    $(this).attr('aria-label', 'Go to slide ' + (index + 1));
                });
            }
        });
    });
    
    
    function toggleMenu() {
        $('body').toggleClass('show-menu');
    }

    function check_character_count(){
        var str = $("#ssn_no").val().length;
        if(str>9){
            $(".ssn_invalid_error").remove();
            $("#ssn_no").after('<div class="ssn_invalid_error" style="color:red">You cannot input more than 9 digits</div>');
            $("#ssn_no").val($("#ssn_no").val().substr(0, 9));
        }else{
            $(".ssn_invalid_error").remove();
        }
    }
    function check_confirm_password(conf_pass){
        var new_pass =$("#new_pass").val();
        if(conf_pass!=new_pass){
            $("#conf_pass").after('<div class="pass_invalid_error" style="color:red">Mismatch confirm password</div>');
        }else{
             $(".pass_invalid_error").remove();
        }
    }
    function toggleOfficeInfoSection() {
        // var accountingFirmRadio = document.getElementById('register_for_accounting_firm');
        // var officeInfoSection = document.getElementById('officeInfoSection');
    
        // if (accountingFirmRadio.checked) {
        //     officeInfoSection.style.display = 'block';
        // } else {
        //     officeInfoSection.style.display = 'none';
        // }
    }

    
    function getServiceByCategory(cat_id, container_id=''){
        console.log(cat_id);
        var office_id = $('#office_id_new').val();
        var office_brand_id = $('#office_brand_id').val();
        if(cat_id!=''){
            $.ajax({
                type: "POST",
                url: "https://taxtree.com:443/Patch/get_office_service_list",
                data: {'office_id':office_id, 'template_id':'template7', 'lang':'en-us', 'brand_id': office_brand_id},
                dataType: "html",
                success: function (result) {
                    if(result!=''){
                        let services_list = '';
                        $.each(JSON.parse(result), function(index, category) {
                            if (category.category_id == cat_id) {
                                $.each(category.services, function(index, service) {
                                    services_list += '<a href="'+removeTrailingHyphen(service.page_slug)+'" class="font-semibold text-theme-textonmegamenu block hover:opacity-75 flex items-start"><span class="material-symbols-outlined mr-2">arrow_right</span> <p class="flex flex-wrap items-center">'+service.page_title+' <span class="bg-theme-two text-theme-textontwo ml-3 inline-block px-1 text-sm rounded">$'+parseFloat(service.retail_price).toString()+'</span></p></a>';
                                });
                            }
                        });
                        // console.log(services_list);
                        $('#'+container_id+' .service-list').html(services_list);
                    }
                }
            });
        }
    }

    function requestSaveFreeTrialLoginInformation(){
        var registerForAccountingFirm = $('#register_for_accounting_firm').prop('checked');
        var officeInfoSectionVisible = $('#officeInfoSection').is(':visible');
        
        var f_name = $('#first_name').val();
        if(f_name == '') {
            swal("ERROR!", 'Please enter first name ', "error");
            return false;
        }
        var l_name = $('#last_name').val();
        if(l_name == '') {
            swal("ERROR!", 'Please enter last name ', "error");
            return false;
        }
        var email = $('#free_trial_regemail').val();
        if(email == '') {
            swal("ERROR!", 'Please enter email address ', "error");
            return false;
        }
        
        if (registerForAccountingFirm && officeInfoSectionVisible) {
            var offc_name = $('#office_name').val();
            if(offc_name == '') {
                swal("ERROR!", 'Please enter office name ', "error");
                return false;
            }
            var offc_id = $('#office_id').val();
            if(offc_id == '') {
                swal("ERROR!", 'Please enter office ID ', "error");
                return false;
            }
            var offc_address = $('#office_address').val();
            if(offc_address == '') {
                swal("ERROR!", 'Please enter office address ', "error");
                return false;
            }
            var offc_city = $('#office_city').val();
            if(offc_city == '') {
                swal("ERROR!", 'Please enter office city ', "error");
                return false;
            }
            var offc_state = $('#office_state').val();
            if(offc_state == '') {
                swal("ERROR!", 'Please enter office state', "error");
                return false;
            }
            var offc_zip = $('#office_zip').val();
            if(offc_zip == '') {
                swal("ERROR!", 'Please enter office zip', "error");
                return false;
            }
            var offc_email = $('#office_email').val();
            if(offc_email == '') {
                swal("ERROR!", 'Please enter office email', "error");
                return false;
            }
            var offc_phone = $('#office_phone').val();
            if(offc_phone == '') {
                swal("ERROR!", 'Please enter office phone', "error");
                return false;
            }
        }
        
        var card_number_field = $('#card_number').val();
        if(card_number_field == '') {
            swal("ERROR!", 'Please enter card number ', "error");
            return false;
        }
        var card_holder_name_field = $('#card_holder_name').val();
        if(card_holder_name_field == '') {
            swal("ERROR!", 'Please enter card holder name ', "error");
            return false;
        }
        var card_expiry_field = $('#card_expiry').val();
        if(card_expiry_field == '') {
            swal("ERROR!", 'Please enter card expiry date ', "error");
            return false;
        }
        
        var current_year = $('#current_year').val();
        var year = current_year.substring(current_year.length-2);
        var card_expiry = $('#card_expiry').val();
        var card_expiry_year = card_expiry.substring(card_expiry.length-2);
        var card_expiry_month = card_expiry.substring(0,2);
        if(card_expiry_year < year) {
            swal("ERROR!", 'Please enter valid expiry year ', "error");
            return false;
        }
         
        var form = new FormData(document.getElementById('free-trial-form'));
    
        //card validation start
        var cardType = "";
        var cardNumber = $("input#card_number").val();
        if (cardNumber != "") {
            if (cardNumber.length != 15 && cardNumber.length != 16) {
                swal("ERROR!", 'Card number not valid ', "error");
                return false;
            }
            cardType = GetCardType(cardNumber);
            if (cardType == "") {
                swal("ERROR!", 'Card number not valid ', "error");
                return false;
            }
        }
        form.append("card_type", cardType);
        form.append("card_expiry_month", card_expiry_month);
        form.append("card_expiry_year", card_expiry_year);
        //card validation ends 
    
        //console.log(card_expiry_month);
        if(card_expiry_month>=1 && card_expiry_month<=12) {
            $.ajax({
                type: 'POST',
                processData: false,
                data: form,
                contentType: false,
                dataType: "html",
                url: 'https://leafnet.us/home/request_save_free_trial_login_information',
                success: function(result) {
                    if(result.trim() == '-1') {
                        swal('ERROR!', "Something's Wrong. Try Againg!", 'error');
                    } else if (result.trim() == '1') {
                        swal({
                            title: "Success!",
                            "text": "A login link has been sent to the Email ID. Please Check your mailbox to proceed.",
                            "type": "success"
                        }, function() {
                            window.location.reload();
                        });
                    } else if (result.trim() == '2'){
                       swal({
                            title: "Success!",
                            "text": "Your email ID is already registered with us. A login link has been sent to the Email ID. Please Check your mailbox to proceed.",
                            "type": "success"
                        }, function() {
                            window.location.reload();
                        }); 
                    } else if (result.trim() == '3'){
                       swal({
                            title: "Error!",
                            "text": "Your emailid is already registered with us.",
                            "type": "error"
                        }, function() {
                            window.location.reload();
                        }); 
                    } else {
                        var msz = result.trim();
                        if(msz!=''){
                            swal("ERROR!", msz, "error");
                        } else {
                            swal("ERROR!", "An error ocurred! \n Please, try again.", "error");   
                        }
                    }
                },
                beforeSend: function () {
                    var button = $(".trail_info_submit_btn");
                    button.prop('disabled', true).html('Processing...');
                    button.css('pointer-events', 'none'); // Disable pointer events
                },
                complete: function (msg) {
                    var button = $(".trail_info_submit_btn");
                    button.prop('disabled', false).html('Submit');
                    button.css('pointer-events', 'auto'); // Enable pointer events
                }
            });
        } else {
            swal("ERROR!", 'Please enter valid expiry month', "error");
            return false; 
        }
    }
    function GetCardType(number) {
      // visa
      var re = new RegExp("^4");
      if (number.match(re) != null) return "Visa";
    
      // Mastercard
      // Updated for Mastercard 2017 BINs expansion
      if (
        /^(5[1-5][0-9]{14}|2(22[1-9][0-9]{12}|2[3-9][0-9]{13}|[3-6][0-9]{14}|7[0-1][0-9]{13}|720[0-9]{12}))$/.test(
          number
        )
      )
        return "Mastercard";
    
      // AMEX
      re = new RegExp("^3[47]");
      if (number.match(re) != null) return "American Express";
    
      // Discover
      re = new RegExp(
        "^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"
      );
      if (number.match(re) != null) return "Discover";
    
      // Diners
      re = new RegExp("^36");
      if (number.match(re) != null) return "Diners";
    
      // Diners - Carte Blanche
      re = new RegExp("^30[0-5]");
      if (number.match(re) != null) return "Diners - Carte Blanche";
    
      // JCB
      re = new RegExp("^35(2[89]|[3-8][0-9])");
      if (number.match(re) != null) return "JCB";
    
      // Visa Electron
      re = new RegExp("^(4026|417500|4508|4844|491(3|7))");
      if (number.match(re) != null) return "Visa Electron";
    
      return "";
    }
    function load_bookkeeping_calculator(){
        if($("#calculator").length>0){
            $.ajax({
                type: "POST",
                url: "https://taxtree.com:443/Patch/load_bookkeeping_calculator",
                data: {'office_id': 'NTYD', 'template_id':'template7', 'lang':'en-us'},
                dataType: "html",
                success: function (result) {
                    $("#calculator").html(result);
                }
            });
        }
    }
    
    function saveCustomCss(inputId, colorVal, variable_type){
        var office_id = $('#office_id_new').val();
        var template_id = $('#template_id').val();
        var valueData = colorVal;

        $.ajax({
            type: 'POST',
            data: {
                column : inputId,
                value : valueData,
                variable_type : variable_type,
                office_id :office_id,
                template_id:template_id,
            },
            url: 'https://taxtree.com:443/Patch/save_office_custom_css',
            success: function(result){
                if(result.trim()==1 || result.trim()==2){
                    toastr.success('CSS Have Been Applied Successfully', 'Well Done!', {timeOut : 3000});
                } else {
                    toastr.warning('Something Went Wrong! Please Try Again.', 'Oops!', {timeOut : 3000});
                }
            }
        });
    }
    
</script><script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<input type="hidden" name="page_id" id="page_id" value="865">
<script>
    var savedPageId = 0;
    $(document).ready(function() {
        
        updateData();
        setInterval(updateData, 5000);
        
        var sessionId = getSessionId();
        var officeId = 'NTYD';
        var brandId = 1;
        var pageId = 865;
        var templateId = 34;
        var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
        var browserType = navigator.userAgent;
        var operatingSystem = getOperatingSystem();
        var deviceType = getDeviceType();
        var entryPage = isEntryPage();
        var referrerUrl = document.referrer;
        var screenWidth = window.screen.width;
        var screenHeight = window.screen.height;
        var language = 'en-us';
        var savedPage = savedPageId;
        var fullPageURL = window.location.href;
        
        // console.log("sessionId:"+sessionId, "office_id:"+office_id, "brand_id:"+brand_id, "template_id:"+template_id, "entryPage:"+entryPage, "timezone:"+timezone, "browserType:"+browserType, "referrerUrl:"+referrerUrl)
        
        var dataToSend = {
            "session_id": sessionId,
            "office_id": officeId,
            "brand_id": brandId,
            "page_id": pageId,
            "template_id": templateId,
            "timezone": timezone,
            "browser_type": browserType,
            "operating_system": operatingSystem,
            "device_type": deviceType,
            "referrer_url": referrerUrl,
            "entry_page": entryPage,
            "screen_width": screenWidth,
            "screen_height": screenHeight,
            "language": language,
            "saved_page": savedPage,
            "page_url": fullPageURL
        };
        
        var startTime = new Date().getTime();
        $(window).on('beforeunload', function() {
            var endTime = new Date().getTime();
            var timeOnPage = (endTime - startTime) / 1000; // in seconds
            dataToSend.append('session_end_time',endTime);
            dataToSend.append('time_on_page',timeOnPage);
            $.ajax({
                type: 'POST',
                data: dataToSend,
                dataType: "html",
                url: 'https://taxtree.com:443/analytics/track_page_view',
                success: function(result) {
                    if(result!='' && result > 0){
                        savedPageId = result;
                    }  
                },
                error: function (xhr, status, error) {
                    // Handle errors
                    console.error('Error: ' + status + ' - ' + error);
                }
            });
            // Send this time to the server as well
        });
    });
    
    function updateData(){
        const now = new Date();
        const currentTime = now.toLocaleTimeString('en-US', { hour12: false });

        var sessionId = getSessionId();
        var officeId = 'NTYD';
        var brandId = 1;
        var pageId = 865;
        var templateId = 34;
        var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
        var browserType = navigator.userAgent;
        var operatingSystem = getOperatingSystem();
        var deviceType = getDeviceType();
        var entryPage = isEntryPage();
        var referrerUrl = document.referrer;
        var screenWidth = window.screen.width;
        var screenHeight = window.screen.height;
        var language = 'en-us';
        var startTime = currentTime;
        var endTime = currentTime;
        var savedPage = savedPageId;
        var fullPageURL = window.location.href;
        
        // console.log("sessionId:"+sessionId, "office_id:"+office_id, "brand_id:"+brand_id, "template_id:"+template_id, "entryPage:"+entryPage, "timezone:"+timezone, "browserType:"+browserType, "referrerUrl:"+referrerUrl)
        
        var dataToSend = {
            "session_id": sessionId,
            "office_id": officeId,
            "brand_id": brandId,
            "page_id": pageId,
            "template_id": templateId,
            "timezone": timezone,
            "browser_type": browserType,
            "operating_system": operatingSystem,
            "device_type": deviceType,
            "referrer_url": referrerUrl,
            "entry_page": entryPage,
            "screen_width": screenWidth,
            "screen_height": screenHeight,
            "language": language,
            "session_start_time": startTime,
            "session_end_time": endTime,
            "saved_page": savedPage,
            "page_url": fullPageURL
        };
        
        $.ajax({
            type: 'POST',
            data: dataToSend,
            dataType: "html",
            url: 'https://taxtree.com:443/analytics/track_page_view',
            success: function(result) {
                if(result!='' && result > 0){
                    savedPageId = result;
                }  
            },
            error: function (xhr, status, error) {
                // Handle errors
                console.error('Error: ' + status + ' - ' + error);
            }
        });
    }
    
    
    function getSessionId() {
        var sessionId = localStorage.getItem('sessionId');
        if (!sessionId) {
            sessionId = generateUniqueId(); // Implement your own unique ID generation
            localStorage.setItem('sessionId', sessionId);
        }
        return sessionId;
    }
    
    function generateUniqueId() {
        return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
    }
    
    function isEntryPage() {
        // Implement logic to determine if this is the first page in the session
        // This might involve checking if a session cookie or localStorage variable exists
        return !localStorage.getItem('sessionStarted'); // Example: Check if a session start flag exists
    }
    
    function getOperatingSystem() {
        const userAgent = navigator.userAgent.toLowerCase();
        let operatingSystem = "Unknown OS";
        
        if (userAgent.indexOf("win") !== -1) {
          operatingSystem = "Windows";
        } else if (userAgent.indexOf("mac") !== -1) {
          operatingSystem = "macOS";
        } else if (userAgent.indexOf("linux") !== -1) {
          operatingSystem = "Linux";
        } else if (userAgent.indexOf("android") !== -1) {
          operatingSystem = "Android";
        } else if (userAgent.indexOf("ios") !== -1) {
          operatingSystem = "iOS";
        }
        
        return operatingSystem;
    }
    
    function getDeviceType() {
        const userAgent = navigator.userAgent.toLowerCase();
        let deviceType = "Unknown Device";
        
        if (userAgent.indexOf("mobile") !== -1) {
          deviceType = "Mobile";
        } else if (userAgent.indexOf("tablet") !== -1) {
          deviceType = "Tablet";
        } else {
          // Check screen size as a fallback for desktop vs. tablet
          if (window.innerWidth < 768) {
            deviceType = "Mobile"; // Consider smaller screens as mobile
          } else if (window.innerWidth < 1024) {
            deviceType = "Tablet"; // Consider medium screens as tablet
          } else {
            deviceType = "Desktop";
          }
        }
        
        return deviceType;
    }
</script><input type="hidden" id="template_id" value="34" />
<!-- Base URL -->
<input type="hidden" id="base_url" value="https://taxtree.com:443/" />
<input type="hidden" id="office_id_new" value="NTYD" />
<input type="hidden" id="office_brand_id" value="1" />
<input type="hidden" id="lang" value ="1">
<!-- Page Slug -->
<input type="hidden" id="page_slug" value="payroll-net-to-gross-calculator" />
<input type="hidden" id="page_slug_service_id">

<input type="hidden" id="server_name" value ="taxtree.com">
<input type="hidden" id="staff_id" value ="0">
<input type="hidden" id="lang" value ="1">
<input type="hidden" id="base_url" value="https://taxtree.com:443/"
<input type="hidden" id="loaded_lang" value="en-us">

<!-- DYNAMIC FOOTER CODES HERE -->

<!-- JavaScript Bundle with Popper -->
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>-->

<!-- <script language="JavaScript" type="text/javascript" src="https://taxtree.com:443/assets/templates/template7/themea/calculators/KJE.js"></script>
<script language="JavaScript" type="text/javascript" src="https://taxtree.com:443/assets/templates/template7/themea/calculators/KJESiteSpecific.js"></script>
<script language="JavaScript" type="text/javascript" src="https://taxtree.com:443/assets/templates/template7/themea/calculators/Tax1040.js"></script>
<script language="JavaScript" type="text/javascript" src="https://taxtree.com:443/assets/templates/template7/themea/calculators/Tax1040Params.js"></script> -->


<script src="https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/owl.carousel.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>

<!--sweet alert-->
<link href="https://taxtree.com:443/office/assets/js/plugins/sweetalert-master/dist/sweetalert.css" rel="stylesheet">
<script src="https://taxtree.com:443/office/assets/js/plugins/sweetalert-master/dist/sweetalert.min.js"></script>

<!-- Custom JS -->
<script src="https://taxtree.com:443/assets/templates/template7/themea/js/app.js?v=529"></script>
<script src="https://taxtree.com:443/assets/js/validation.js?v=652"></script>

<script>
var recaptchaWidgets = {};

var onloadCallback = function() {
    var containers = document.querySelectorAll('.g-recaptcha');
    containers.forEach(function(container) {
        var recaptchaDataSiteKey = container.getAttribute('data-sitekey');
        var recaptchaId = container.getAttribute('data-recaptcha-id');
        var widgetId = grecaptcha.render(container, {
            'sitekey': recaptchaDataSiteKey,
            'callback': function(response) {
                console.log("reCAPTCHA loaded for: " + recaptchaId);
            }
        });
        recaptchaWidgets[recaptchaId] = widgetId;
    });
   sessionStorage.setItem('recaptcha-widgets', JSON.stringify(recaptchaWidgets));
};



    $(function() {
        setTimeout(function() {
            service_list();
            get_staff_details();
            get_testimonial_data();
        }, 3000);
        

        if($('#map').length > 0){
            (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
            key: "AIzaSyBqjgqedk6F7etkWm3Es63wY0_gIUaAuls",
            v: "weekly",
            // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
            // Add other bootstrap parameters as needed, using camel case.
            });

            initMap();
            
            // if($('#office_map_bottom').length > 0){
            //     initMap2();
            // }
        }
    });

    // Initialize and add the map
    let map;

    async function initMap() {
        if($('.locations-list li:first-child').length > 0){
            console.log('1');
            // The location
            const position = { lat: 36.099233, lng: -161.4996588 };
            // Request needed libraries.
            //@ts-ignore
            const { Map } = await google.maps.importLibrary("maps");
            const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

            // The map, centered at Uluru
            map = new Map(document.getElementById("map"), {
                zoom: 10,
                center: position,
            });
            
            $('.locations-list li:first-child a[data-bs-toggle="collapse"]').trigger('click');
            $('.locations-list li:first-child .address-box').trigger('click');
        } else {
            console.log('2');
            // The location
            const position = { lat: 36.099233, lng: -161.4996588 };
            // Request needed libraries.
            //@ts-ignore
            const { Map } = await google.maps.importLibrary("maps");
            const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

            // The map, centered at Uluru
            map = new Map(document.getElementById("map"), {
                zoom: 10,
                center: position,
                mapId: "map",
            });
        }
    }

    async function setpointer(lat, lng, title, address, website, phone, email){
        // The location
        const position = { lat: +lat, lng: +lng };
        // Request needed libraries.
        //@ts-ignore
        const { Map } = await google.maps.importLibrary("maps");
        const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

        // The map, centered at Uluru
        map = new Map(document.getElementById("map"), {
            zoom: 15,
            center: position,
            mapId: "map",
        });

        const contentString =
            '<div id="content">' +
            '<h1 id="firstHeading" class="firstHeading">'+title+'</h1>' +
            '<div id="bodyContent">' +
            '<p><b>Email :</b> <a href="mailto: '+email+'">'+email+'</a></p>' +
            '<p><b>Address :</b> '+address+'</p>' +
            '<p><b>Phone :</b> <a href="tel: '+email+'">'+phone+'</a></p>' +
            '<p><a class="btn btn-sm btn-warning" href="'+website+'" target="_blank">Visit Website</a></p>' +
            "</div>" +
            "</div>";
        const infowindow = new google.maps.InfoWindow({
            content: contentString,
            ariaLabel: title,
        });

        const marker = new AdvancedMarkerElement({
            map: map,
            position: position,
            title: title,
        });

        marker.addListener("click", () => {
            infowindow.open({
            anchor: marker,
            map,
            });
        });

        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
        });

        infowindow.open(map,marker);
    }


    //jQuery('.collapse').collapse('hide');
    var office_id = $('#office_id_new').val();
    var base_URL = $('#base_url').val();
    var base_URL_ending = base_URL.slice(-1);
    var office_brand_id = $("#office_brand_id").val();

    if (base_URL_ending == '/')
        base_URL = base_URL.substring(0, base_URL.length - 1);

    var original_base_URL = base_URL;
    base_URL = base_URL.replace(/(^\w+:|^)\/\//, '');

    var this_URL = window.location.href;
    var loaded_segment = this_URL.substring(this_URL.lastIndexOf('/') + 1);

    //print loaded_segment;

    $(document).ready(function() {
        //$("input[name='url']").val(window.location.href); 
        
       // alert(loaded_segment);
        // $('.nav-link').each(function (i, obj) {
        //     var this_href = obj.href;
          
        //     var cleaned_href = this_href.replace(/(^\w+:|^)\/\//, '');
        //     cleaned_href = cleaned_href.replace(base_URL, "");
        //     //alert(cleaned_href);
              

        //     if (cleaned_href.charAt(0) == "/")
        //         cleaned_href = cleaned_href.substr(1);
                
        //         cleaned_href = cleaned_href.replace("www./", "");
                
        //     if (cleaned_href == loaded_segment) {
        //         obj.classList.add('active');
        //         obj.setAttribute('aria-current', 'page');
        //     }
        // });
        
    });

    function getLanguageValue(thisLang) {
        var page_slug=$("#page_slug").val();
        var office_id = $('#office_id_new').val();
        // window.location.href = original_base_URL + '/' + office_id + '/' +thisLang + '/' + loaded_segment;
        if(loaded_segment==""){
          window.location.href = original_base_URL + '/' + 'office/NTYD/' +thisLang + '/' + page_slug;   
        }else{
        window.location.href = original_base_URL + '/' + 'office/NTYD/' +thisLang + '/' + loaded_segment;
        }
    }


    $(document).ready(function() {
        $(".homeTestimonials").owlCarousel({
            items: 1,
            loop: true,
            autoplay: true,
            nav: true,
            autoplayHoverPause: true,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                },
                600: {
                    items: 1,
                },
                1000: {
                    items: 1,
                },
            },
            onInitialized: function() {
                // Loop through each dot within this specific carousel instance
                $(this.$element).find('.owl-dot').each(function(index) {
                    // Set aria-label for each dot
                    $(this).attr('aria-label', 'Go to slide ' + (index + 1));
                });
            }
        });
        
        
        // number counter
        $(".quantity-counter .minus-btn").click(function (e) {
            e.preventDefault();
            var inputfield = $(this).closest('.quantity-counter').children('input[type=text]');
            var currentval = inputfield.val();
            if (currentval > 0) {
                inputfield.val(parseInt(currentval) - 1);
            }
        });

        $(".quantity-counter .plus-btn").click(function (e) {
            e.preventDefault();
            var inputfield = $(this).closest('.quantity-counter').children('input[type=text]');
            var currentval = inputfield.val();
            inputfield.val(parseInt(currentval) + 1);
        });
            
            
        // plan
        $('input[name="switchPlan"]').change(function () {
            // bind a function to the change event
            if ($(this).is(":checked")) { // check if the radio is checked
                if ($(this).val() == "monthly") {
                    $('#data-plan-silver').html("$200/mo");
                    $('#data-plan-golden').html("$500/mo");
                    $('#data-plan-diamond').html("$1000/mo");
                }
                else if ($(this).val() == "yearly") {
                    $('#data-plan-silver').html("$2,400");
                    $('#data-plan-golden').html("$6,000");
                    $('#data-plan-diamond').html("$12,000");
                } // retrieve the value

            }

        })
            
            
        $('input[name="switchPlanLanding"]').change(function () {
            // bind a function to the change event
            var value = $(this).val();
                if(value == 'accounting'){
                $('#accounting-div').show();
                $('#single-div').hide();
                $('#plan-div').hide();
            }
            else if(value == 'brand'){
                $('#plan-div').show();
                $('#accounting-div').hide();
                $('#single-div').hide();
            }
            else{
                $('#single-div').show();
                $('#accounting-div').hide();
                $('#plan-div').hide();
            }
            // console.log(value);
        });
            
        if($('.services-multiple').length > 0){
             $('.services-multiple').select2({
                theme: "classic",
                placeholder: "Select Service"
            });
        }
     
    });    
    
    
    // chat buttion trigger
    function submitChk(url) {
        var $jq = jQuery.noConflict();
        // if ('https://taxtree.com/') {
        // $jq("._04124 _6648e _87b8c _3d9ba").trigger('click');
        //} 
        SignalZen.expand();
    }



    function getIp(callback) {
        fetch('https://ipinfo.io/json?token=7a7b46fb98432d', {
            headers: {
                'Accept': 'application/json'
            }
        })
        .then((resp) => resp.json())
        .catch(() => {
            return {
                country: 'us',
            };
        })
        .then((resp) => callback(resp.country));
    }


let telInputs = document.querySelectorAll('input[type="tel"]');

for (let i = 0; i < telInputs.length; i++) {
    const phoneInputField = telInputs[i];
    const phoneInput = window.intlTelInput(phoneInputField, {
        autoPlaceholder: "off",
        hiddenInput: "full_phone",
        separateDialCode: true,
        initialCountry: "auto",
        geoIpLookup:getIp,
        utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
    });
}
    
    
    
    
    
    
    
    var hasFunctionBeenCalled = false;


    function service_list(){
        
        if (!hasFunctionBeenCalled) {
        var office_id = $('#office_id_new').val();
        var loaded_lang = $("#lang").val();
        if(loaded_lang == 1){
            loaded_lang = 'en-us';
        } else {
            loaded_lang = 'es-es';
        }

        var base_url = 'https://'+base_URL+'/';
         $.ajax({
                type: 'POST',
                // processData: false,
                data: {"office_id":office_id,"brand_id":office_brand_id,"lang":loaded_lang},
                // contentType: 'application/json',
                dataType: "JSON",
                url: 'https://taxtree.com:443/Patch/get_office_service_list',
                success: function(result) {
                    console.log(result);
                    
                    if(result!=''){
                        $('#service_list_data').html('');
                        $.each(result, function(index, categoryObj) {
                            var cateInfo='<div>';
                             cateInfo+='<a href="'+ base_url + 'office/NTYD/en-us/' + categoryObj.category_slug+'"><h4 class="text-theme-three uppercase font-bold mb-2">' + categoryObj.category_name + '</h4></a>';
                             cateInfo+='<ul class="space-y-2" aria-labelledby="serv-menu-dropdown-button">';
                             $.each(categoryObj.services, function(innerIndex, service) {
                                 retailprice=service.retail_price;
                                 var formattedPrice = parseFloat(retailprice).toFixed(0);
                                 if(formattedPrice!=0){
                                     formattedPrice ='<span style="background-color:#CDDC39; color:#000; padding:2px 3px; border-radius:3px; margin-left: 4px"> $'+ formattedPrice +'</span>';
                                 }else{
                                     formattedPrice='';
                                 }
                                cateInfo+='<li>';
                                cateInfo+='<a href="'+ base_url + 'office/NTYD/en-us/' + service.page_slug +'" class="text-white" ><p>'+ service.page_title +'&nbsp;' + formattedPrice +'</p></a>';
                                cateInfo+='</li>';
                            });
                            cateInfo+='<li><a href="'+ base_url + 'office/NTYD/en-us/'+categoryObj.category_slug+'"><h1 class="underline text-sm text-[#a9d825] mb-2 dublicate_css">Show More Services</h1></a></li>';
                            cateInfo+='</ul>';
                            cateInfo+='</div>';
                           
                            $('#service_list_data').append(cateInfo);
                        }); 
                        // $('#service_list_data').html('test');

                        addServicesToHomepage(result);
                        addServicesToWidget(result);
                        addServicesByCategoryToWidget(result);
                        addAllServiceCategoryToWidget(result);
                    }
                },
                error: function (xhr, status, error) {
                // Handle errors
                // console.error('Error: ' + status + ' - ' + error);
            }
         });
         hasFunctionBeenCalled = true;
        }
    }

    function homepage_service_list(){
        
        if (!hasHomepageServiceListBeenCalled) {
            if($('.homepage-service').length > 0){
                var colors = ['service-cat1','service-cat2','service-cat3','service-cat4','service-cat5','service-cat6'];
                var textcolors = ['textonservice-cat1','textonservice-cat2','textonservice-cat3','textonservice-cat4','textonservice-cat5','textonservice-cat6'];
                var loaded_lang = $("#lang").val();
                if(loaded_lang == 1){
                    loaded_lang = 'en-us';
                } else {
                    loaded_lang = 'es-es';
                }
                var base_url = 'https://'+base_URL+'/';
                 $.ajax({
                        type: 'POST',
                        data: {"office_id":office_id,"brand_id":office_brand_id,"lang":loaded_lang},
                        dataType: "JSON",
                        url: base_url + '/Patch/get_office_service_list',
                        success: function(result) {
                            if(result!=''){
                                var auto=1;
                                $('#service_list_data').html('');
                                var cateInfo = '';
                                var i = 0;
                                $.each(result, function(index, categoryObj) {
                                    var sub_menu_title_text = '';
                                    var badge_btn_text = '';
                                    var badge_btn_bg = '';
                                    
                                    if(categoryObj.services.length>0){
                                        
                                        var inputString = categoryObj.category_name;
                                        var categoryTitle = '';
                                        
                                        // 1. Find "Service" and append if not found
                                        if (inputString.indexOf("Service") === -1) {
                                          inputString += " Services";
                                        }
                                    
                                        // 2. Wrap the first word with a span
                                        const words = inputString.trim().split(" ");
                                        if (words.length > 0) {
                                          const firstWord = words[0];
                                          const restOfString = words.slice(1).join(" ");
                                          categoryTitle = `<span class="px-4 py-1 text-theme-${textcolors[i]} bg-theme-${colors[i]}">${firstWord}<div class="color-picker relative" data-cssclass="right-20 -top-2" data-parent="self"
            data-type="bg|text" data-cssvar="${colors[i]}|${textcolors[i]}"></div></span> &nbsp; ${restOfString}<div class="color-picker relative" data-cssclass="right-20 -top-2" data-parent="self"
            data-type="text" data-cssvar="texthomepageservices"></div>`;
                                        } else {
                                          categoryTitle = inputString; // Return original if empty
                                        }
                                        
                                        cateInfo+='<div class="mb-20">';
                                        cateInfo+='<h1 class="text-theme-texthomepageservices text-3xl md:text-5xl font-black flex flex-wrap items-center justify-center dublicate_css uppercase" data-unique-identifier="sub_menu_title" data-css-text="'+sub_menu_title_text+'">' + categoryTitle + '</h1>';
                                        cateInfo+='<div class="grid md:grid-cols-2 lg:flex justify-center gap-8 homepage-service-grid text-center mt-6">';
                                        $.each(categoryObj.services, function(innerIndex, service) {
                                             retailprice=service.retail_price;
                                             var formattedPrice = parseFloat(retailprice).toFixed(0);
                                             var colorclass='';
                                             if(formattedPrice!=0){
                                                 formattedPrice ='<span data-unique-identifier="badge_btn" data-css-text="'+badge_btn_text+'" data-css-bg="'+badge_btn_bg+'"> $'+ formattedPrice +'</span>';
                                             } else {
                                                 formattedPrice='';
                                             }
                                            cateInfo+='<div class="lg:w-1/5 text-theme-'+textcolors[i]+' text-lg font-semibold p-4 flex flex-col justify-start items-center relative">';
                                            cateInfo+='<span class="bg-theme-'+colors[i]+' service-icon rounded-full w-[200px] h-[200px] flex items-center justify-center"><i class="'+service.service_desc.service_icon+' text-7xl"></i></span>';
                                            cateInfo+='<a href="'+ base_url + office_id +'/'+ loaded_lang +'/' + removeTrailingHyphen(service.page_slug) +'" class="text-theme-texthomepageservices" ><h5 class="mt-4 text-2xl">'+service.page_title+'<br>'+formattedPrice+'</h5></a>';
                                            cateInfo+='</div>';
                                        });
                                        //cateInfo+='<li><a href="'+ base_url + office_id +'/'+ loaded_lang +'/'+categoryObj.category_slug+'"><h1 class="underline text-sm text-[#a9d825] mb-2 dublicate_css" data-unique-identifier="sub_menu_title" data-css-text="'+sub_menu_title_text+'">' + 'Show More' + '</h1></a></li>';
                                        cateInfo+='</div>';
                                        cateInfo+='</div>';
                                    }
                                   
                                                                            dynamic_css_colors('service_list_data');
                                                                        i++;
                                }); 
                                
                                $('.homepage-service .container').html(cateInfo);
                                hasHomepageServiceListBeenCalled = true;
                                                            }
                        },
                        error: function (xhr, status, error) {
                        // Handle errors
                        console.error('Error: ' + status + ' - ' + error);
                    }
                 });
            }
        }
    }

    function addServicesToHomepage(result){
        
        var office_id = $('#office_id_new').val();
        if($('#homepage_top_services').length > 0){
            var finalRes = '';
            $.each(result, function(index, categoryObj) {
                if(index < 5){
                    
                    if(index == 0){
                        finalRes += '<div class="flex max-md:flex-col-reverse items-center mt-10">';
                    
                        $.each(categoryObj.services, function(innerIndex, service) {
                            if(innerIndex==0){
                                
                                var formattedPrice = parseFloat(service.retail_price).toFixed(0);
                                var serviceDescription = service.service_desc.title;
                                var serviceDescriptionText = $(serviceDescription).text();
                                if(formattedPrice!=0){
                                    formattedPrice ='<div class="font-black bg-theme-three text-theme-textonthree text-3xl px-2 py-1 rounded"> $'+ formattedPrice +'<div class="color-picker relative" data-cssclass="right-[48%] -top-4" data-parent="self" data-type="bg|text" data-cssvar="three|textonthree"></div></div>';
                                }else{
                                    formattedPrice='';
                                }
                                
                                finalRes += '<div class="md:w-1/2 pr-5">';
                                finalRes += '<div class="flex items-center">';
                                finalRes += '<a href="https://taxtree.com:443/office/NTYD/en-us/'+service.page_slug+'" class="flex flex-wrap items-start">';
                                finalRes += '<h3 class="text-theme-four text-4xl font-black mb-2 mr-3">'+service.page_title+'</h3>';
                                finalRes += '</a>';
                                finalRes += formattedPrice;
                                finalRes += '</div>';
                                finalRes += '<div class="color-picker relative" data-cssclass="left-4 -top-6" data-parent="self" data-type="text" data-cssvar="four"></div>';
                                
                                if(service.service_desc.title != null){
                                    if(serviceDescriptionText.length > 150){
                                        finalRes += '<p class="my-4 text-lg">'+serviceDescriptionText.substr(0, 149)+'...</p>'
                                    } else {
                                        finalRes += '<p class="my-4 text-lg">'+serviceDescriptionText+'</p>';
                                    }
                                }
                                finalRes += '<a href="https://taxtree.com:443/office/NTYD/en-us/'+service.page_slug+'" aria-label="'+service.page_title+'" class="bg-theme-two text-theme-textontwo px-4 py-2 rounded-full">More Info About '+service.page_title+'</a>';
                                finalRes += '<div class="color-picker relative" data-cssclass="left-5 -top-2" data-parent="self" data-type="bg|text" data-cssvar="two|textontwo"></div>';
                                finalRes += '</div>';                      
                                finalRes += '<div class="md:w-1/2 pl-5">';
                                finalRes += '<img src="https://taxtree.com:443/assets/images/service'+(index+1)+'.webp" loading="lazy" alt="'+service.page_title+' Image">';
                                finalRes += '</div>';
                            }
                        });
                        finalRes += '</div>';
                    } else {
                        if(index == 1){
                            finalRes += '<div class="grid md:grid-cols-2 gap-10 mt-10">';
                        }
                        $.each(categoryObj.services, function(innerIndex, service) {
                            if(innerIndex==0){
                                var formattedPrice = parseFloat(service.retail_price).toFixed(0);
                                var serviceDescription = service.service_desc.title;
                                var serviceDescriptionText = $(serviceDescription).text();
                                if(formattedPrice!=0){
                                    formattedPrice ='<div class="font-black bg-theme-three text-theme-textonthree text-3xl px-2 py-1 rounded"> $'+ formattedPrice +'<div class="color-picker relative" data-cssclass="right-[48%] -top-4" data-parent="self" data-type="bg|text" data-cssvar="three|textonthree"></div></div>';
                                }else{
                                    formattedPrice='';
                                }
                                
                                finalRes += '<div>';
                                finalRes += '<img src="https://taxtree.com:443/assets/images/service'+((index-1)+1)+'.webp" loading="lazy" alt="'+service.page_title+' Image">';
                                finalRes += '<div class="flex items-center">';
                                finalRes += '<a href="https://taxtree.com:443/office/NTYD/en-us/'+service.page_slug+'" class="flex flex-wrap items-start">';
                                finalRes += '<h3 class="text-theme-four text-4xl font-black mb-2 mr-3">'+service.page_title+'</h3>';
                                finalRes += '</a>';
                                finalRes += formattedPrice;
                                finalRes += '</div>';
                                finalRes += '<div class="color-picker relative" data-cssclass="left-4 -top-6" data-parent="self" data-type="text" data-cssvar="four"></div>';
                                
                                if(service.service_desc.title != null){
                                    if(serviceDescriptionText.length > 300){
                                        finalRes += '<p class="my-4 text-lg">'+serviceDescriptionText.substr(0, 299)+'...</p>'
                                    } else {
                                        finalRes += '<p class="my-4 text-lg">'+serviceDescriptionText+'</p>';
                                    }
                                }
                                finalRes += '<div class="flex"><a href="https://taxtree.com:443/office/NTYD/en-us/'+service.page_slug+'" aria-label="'+service.page_title+'" class="bg-theme-two text-theme-textontwo px-4 py-2 rounded-full">More Info About '+service.page_title+'</a></div>';
                                finalRes += '<div class="color-picker relative" data-cssclass="left-5 -top-2" data-parent="self" data-type="bg|text" data-cssvar="two|textontwo"></div>';
                                finalRes += '</div>';
                            }
                        });
                        if(index == 4){
                            finalRes += '</div>'; // grid ends
                        }
                    }
                    
                }
            });

            $('#homepage_top_services').html(finalRes);
            if (typeof resetPickers === 'function') {
                resetPickers();
            }
        }        
    }

    function removeTrailingHyphen(str) {
        // Check if the input is a string
        if (typeof str !== 'string') {
            return str; // Return original input if not a string
        }
        return str.replace(/-$/, '');
    }
    
    
    function addServicesToWidget(result){ //for bottom widget
        var office_id = $('#office_id_new').val();
        if($('#widget_top_services').length > 0){
            var finalWidget = '<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">';
            $.each(result, function(index, categoryObj) {
                finalWidget += '<div class="py-4 relative">';
                $.each(categoryObj.services, function(innerIndex, service) {
                    if(innerIndex==0){
                        
                        var formattedPrice = parseFloat(service.retail_price).toFixed(0);

                        finalWidget += '<div class="bg-theme-one-light rounded-2xl flex flex-col items-center py-8 px-6 after:bg-theme-one after:w-full after:h-full after:absolute after:top-0 after:-z-[1] after:rounded-2xl after:opacity-10">';
                        finalWidget += '<div class="flex flex-col items-center">';
                        finalWidget += '<span class="font-black text-lg text-theme-four">'+service.page_title+'</span>';
                        finalWidget += '<span class="text-2xl font-black mt-2 mb-4 text-theme-one">$'+ formattedPrice +'</span>';
                        finalWidget += '</div>';
                        finalWidget += '<a href="https://taxtree.com:443//'+office_id+'/en-us/'+service.page_slug+'" aria-label="'+service.page_title+'" class="bg-theme-two text-theme-textontwo px-6 py-2 rounded-full text-center" previewlistener="true">More Info About '+service.page_title+'</a>';
                        finalWidget += '</div>';                        
                    }
                });
                finalWidget += '</div>';
            });
            finalWidget += '</div>';
            
            $('#widget_top_services').html(finalWidget);
        }        
    }
    
    function addServicesByCategoryToWidget(result){ //for right sidebar widget
        if($('#widget_category_wise_service_list').length > 0){
            var service_id = "0";
            var category_id = "0";
            var found_category;
            
            $.each(result, function(index, category) {
                if (category.category_id == category_id) {
                    found_category = category;
                    return false; // Break out of the inner loop
                }
            });
            
            if(found_category != ''){
            
            
                $('#widget_category_name').text(found_category.category_name);
                
                var servicesList = '<div class="p-4 grid gap-3">';
                $.each(found_category.services, function(index, serviceObj) {
                    servicesList += '<a class="flex text-theme-textonsidebar" href="https://taxtree.com:443//'+office_id+'/en-us/'+serviceObj.page_slug+'" previewlistener="true"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>'+serviceObj.page_title+'</a>';
                });
                servicesList += '</div>';
                
                $('#widget_category_wise_service_list').html(servicesList);
            }
        }
        
        
    }
    
    function addAllServiceCategoryToWidget(result){
        
        var allCategoryList = '<ul class="leaf-accordion no-indicator" data-accordion-mode="single">';
        $.each(result, function(index, category) {
            allCategoryList += '<li class="leaf-accordion-item">';
            allCategoryList += '<div class="leaf-accordion-header">';
            allCategoryList += '<span class="font-bold flex items-center"><span class="material-symbols-outlined mr-3 text-theme-three">east</span>'+category.category_name+'</span>';
            allCategoryList += '</div>';
            if(category.services.length > 0){
                allCategoryList += '<div class="leaf-accordion-content">';
                allCategoryList += '<div class="p-4 grid gap-3">';
                
                $.each(category.services, function(innerIndex, service) {
                    allCategoryList += '<a class="flex text-theme-textonsidebar" href="https://taxtree.com:443//'+office_id+'/en-us/'+service.page_slug+'"><i class="fa-solid fa-circle-check mt-1 mr-3 text-theme-three"></i>'+service.page_title+'</a>';
                });
                
                allCategoryList += '</div>';
                allCategoryList += '</div>';
            }
            allCategoryList += '</li>';
        });
        allCategoryList += '</ul>';
        
        $('.allserviceswrap#accordionExample').html(allCategoryList);
    }
    
    var hasFunctionBeenCalled2 = false;
    function plan_list(){
        var office_id = $('#office_id_new').val();
        if (!hasFunctionBeenCalled2) {
        // console.log('aaaa:'+base_URL);
        // var office_id=62;
        var base_url = 'https://'+base_URL+'/';
         $.ajax({
                type: 'POST',
                data: {"office_id":office_id},
                dataType: "JSON",
                url: base_url + 'Patch/get_office_plan_list',
                success: function(result) {
                    $('#plan_list_data').html('');
                    if(result!=''){
                        var cateInfo='';
                         $.each(result, function(index, plan) {
                            // console.log('uuu:'+plan.page_title);
                            var cateInfo='<div class="p-6 pb-0 md:pb-4">';
                            cateInfo+='<h1 class="text-lg text-[#a9d825] mb-2">'+ plan.page_title +'</h1>';
                            cateInfo+='<ul class="space-y-2" aria-labelledby="plans-menu-dropdown-button">';
                            cateInfo+='<li>';
                            cateInfo+='<a href="'+ base_url + office_id +'/' + plan.page_slug +'" class="text-white" target="_blank">'+ '$'+ parseFloat(plan.retail_price).toFixed(0) +'/mo</a>';
                            cateInfo+='</li>';
                            cateInfo+='</ul>';
                            cateInfo+='</div>';
                            $('#plan_list_data').append(cateInfo);
                        });
                    }else{
                        var cateInfo='<h1 class="text-lg center">No Plans Found</h1>';
                        // $('#plan_list_data').html('No Plans Found');
                        $('#plan_list_data').append(cateInfo);
                    }
                },
                error: function (xhr, status, error) {
                // Handle errors
                console.error('Error: ' + status + ' - ' + error);
            }
         });
         hasFunctionBeenCalled2 = true;
        }
    }
    function show_category_service_list(cat_id=''){
        var office_id = $('#office_id_new').val();
        $.ajax({
            type: 'POST',
            data: {"office_id":office_id,"id":cat_id,"brand_id":office_brand_id},
            dataType: "JSON",
            url: 'https://taxtree.com/Patch/get_all_service_list',
            success: function(result) {
                if(result!=''){
                    var cateInfo='';
                     $.each(result, function(index, service) {
                        var retailprice = service.retail_price;
                        var formattedPrice = parseFloat(retailprice).toFixed(0);
                        if(formattedPrice!=0){
                            formattedPrice ='<span class="bg-theme-two text-theme-textontwo px-3 py-1 rounded">$'+ formattedPrice +'</span>';
                        }else{
                            formattedPrice='';
                        }
                        
                        var regex = new RegExp("[a-z-0-9\-]+"); //[a-z\-]+
                        var str = service.page_slug;
                        var page_slug = '';
                        // if (regex.test(str)) {
                            
                        //     // Convert to lowercase
                        //     var slug = str.toLowerCase();
                            
                        //     if(slug.includes('es-es')){
                        //         const parts = str.split('/');
                        //         slug = parts[1];
                        //     }
                
                        //     // Replace non-alphanumeric characters with dashes
                        //     slug = slug.replace(/[^a-z0-9]+/g, '-');
                
                        //     // Remove leading and trailing dashes
                        //     slug = slug.replace(/(^-+)|(-+$)/g, '');
                        // }

                        var slug = 'en-us/'+sanitizeStringForPageSlug(service.page_slug);
                        
                        // cateInfo+='<li>';
                        cateInfo+='<a class="bg-theme-one-light rounded-lg p-6 flex flex-col items-center space-y-4" href="'+ 'https://taxtree.com:443/office/NTYD/' + slug +'"  target="_blank"><span class="font-bold text-lg">'+ service.page_title +'</span>'+formattedPrice +'</a>';
                        // cateInfo+='</li>';
                              
                    });
                    $('#allservice_list').append(cateInfo);
                }  
            }
        });
    }

    function sanitizeStringForPageSlug(string) {
        // Remove "pt-br/" or "es-es/" if present
        string = string.replace(/(?:pt-br\/|es-es\/)/gi, '');

        // Replace < with -lessthan-
        string = string.replace(/</g, '-lssthan-');
        
        // Replace > with -greaterthan-
        string = string.replace(/>/g, '-greaterthan-');
        
        // Replace all non-alphanumeric characters (excluding '-') with a dash
        let sanitized = string.replace(/[^a-zA-Z0-9-]/g, '-');
        
        // Replace multiple consecutive dashes with a single dash
        sanitized = sanitized.replace(/-+/g, '-');
        
        // Remove leading and trailing dashes
        sanitized = sanitized.replace(/^-+|-+$/g, '');
        
        return sanitized;
    }
    
    
    function get_state_list(){
        var base_url = $("#base_url").val();
        var page_slug=$("#page_slug").val();
        if(page_slug == 'new-company-usa' || page_slug == 'es-es/new-company-usa' || page_slug == 'pt-br/new-company-usa' || page_slug == 'new-company-usa-2' || page_slug == 'es-es/new-company-usa-2' || page_slug == 'pt-br/new-company-usa-2' || page_slug == 'new-company-usa-nueva' || page_slug == 'es-es/new-company-usa-nueva' || page_slug == 'pt-br/new-company-usa-nueva'){ // for landing page of new company
            page_slug = 'new-company';
        }
        var cat=1;
        if(page_slug == 'incorporation' || page_slug == 'es-es/incorporation'){
            cat =1;
        }else if(page_slug =='accounting-services' ||page_slug == 'es-es/accounting-services'){
            cat = 2;
        }else if(page_slug =='tax-services' || page_slug == 'es-es/tax-services'){
            cat = 3;
        }else if(page_slug =='business-services' || page_slug == 'es-es/business-services'){
            cat = 4;
        }else if(page_slug == 'partner-services' || page_slug == 'es-es/partner-services'){
            cat =5;
        }else{
            cat=1;
        }
        
        $.ajax({
            type: 'POST',
            data: {"office_id":office_id,"page_slug":page_slug},
            dataType: "JSON",
            url: 'https://taxtree.com:443/Patch/get_service_id_by_page_slug',
            success: function(result) {
                if(result!='-1'){
                    // alert('test');
                    // console.log('res: '+result); return false;
                    if(result ==0){
                        show_category_service_list(cat);
                    }else{
                        var select = document.getElementById("office_state");
                        result.each(function (option) {
                            if(option.state_name !== 'Unknown' && option.state_name !== 'Bvi'){
                                var optionElement = document.createElement("option");
                                optionElement.value = option.state_id;
                                optionElement.textContent = option.state_name;
                                select.appendChild(optionElement);
                            }
                        });
                    }
                    
                    // $("#page_slug_service_id").val(result);
                    
                    // if (navigator.geolocation) {
                    //   navigator.geolocation.getCurrentPosition(function(position) {
                    //     const latitude = position.coords.latitude;
                    //     const longitude = position.coords.longitude;
                    //     //const latitude = '39.0901333';
                    //     //const longitude = '-94.4154976';
                    //     // Use latitude and longitude to get city information (e.g., using a reverse geocoding API)
                
                    //     fetch('https://geocode.maps.co/reverse?lat='+latitude+'&lon='+longitude+'&api_key=6864cd413ac7b365734232pvy3502ae')
                    //         .then(response => response.json())
                    //         .then(data => {
                    //             const state = data.address.state; // Assuming the API returns city information this way
                    //             // console.log(state);
                
                    //             if(selectDropdownOptionByText('#office_state', state)){
                    //                 // Do nothing
                    //             } else {
                    //                 selectDropdownOptionByText('#office_state', 'Florida');
                    //             }
                    //     });
                        
                    //   }, function(error) {
                    //     // Handle errors (e.g., user denied permission)
                    //   selectDropdownOptionByText('#office_state', 'Florida');
                    //   });
                    // } else {
                    //   // Browser doesn't support Geolocation
                    //   selectDropdownOptionByText('#office_state', 'Florida');
                    // }
                    
                    
                    selectDropdownOptionByText('#office_state', 'Florida');
                } else {
                    show_category_service_list(cat);
                }
            }
        });
    }
    
    // Function to select dropdown option based on text (case-insensitive, partial match)
    function selectDropdownOptionByText(dropdownSelector, searchString) {
        // Convert search string to lowercase for case-insensitive matching
        const searchLower = searchString.toLowerCase().trim();
    
        // Find the select element
        const $dropdown = $(dropdownSelector);
    
        // Find the first matching option by text
        const $matchedOption = $dropdown.find('option').filter(function() {
            return $(this).text().toLowerCase().includes(searchLower);
        }).first();
    
        // If a match is found, select it
        if ($matchedOption.length) {
            $dropdown.val($matchedOption.val());
            // Trigger change event if needed
            $dropdown.trigger('change');
            return true; // Indicate success
        } else {
            console.warn('No matching option found for: ' + searchString);
            return false; // Indicate failure
        }
    }
    
   function get_state_price(){
       var service_id = $("#page_slug_service_id").val();
       var state_id= $("#office_state").val();
       var base_url = $("#base_url").val();
       var dynamic_color_of_text = '';
       $.ajax({
                type: 'POST',
                data: {"office_id":office_id,"state_id":state_id},
                dataType: "JSON",
                url: 'https://taxtree.com:443/Patch/get_service_state_price',
                success: function(state_price) {
                    if(state_price!=''){
                        if(state_price.length){
                            // $.each(state_price, function(index, price) {
                            //     if(price.type==1){
                            //         $("#state_price").html(`<br>Corp: $${price.state_price}`);
                            //     }
                            //     if(price.type==2){
                            //         $("#state_price").html(`<br>LLC: $${price.state_price}`);
                            //     }
                                
                            // });
                            $("#state_price").html('<span class="text-theme-three inline-flex dublicate_css border-r border-gray-200 pr-3 mr-3" data-css-text="'+dynamic_color_of_text+'" data-unique-identifier="{{inner_page_first_title_text}}">Corp: $'+parseFloat(state_price[1].state_price).toFixed(0)+'</span> <span class="text-theme-three inline-flex dublicate_css" data-unique-identifier="inner_page_first_title" data-css-text="'+dynamic_color_of_text+'">LLC: $'+parseFloat(state_price[0].state_price).toFixed(0)+'</span>');
                            dynamic_css_colors('state_price');
                        }
                    }
                }
       });
       
   }
   
   function saveThemeColor(){
    var bgTypeOne = $("#bgTypeOne").val();
    var bgTypeTwo = $("#bgTypeTwo").val();
    var bgTypeThree = $("#bgTypeThree").val();
    var numberCircleBg = $("#numberCircleBg").val();
    var darkCircleTextOne = $("#darkCircleTextOne").val();
    var darkCircleTextTwo = $("#darkCircleTextTwo").val();
    var gradientBgOne = $("#gradientBgOne").val();
    var gradientBgTwo = $("#gradientBgTwo").val();
    var gradientTextOne = $("#gradientTextOne").val();
    var gradientTextTwo = $("#gradientTextTwo").val();
    var btnBgOne = $("#btnBgOne").val();
    var btnBgTwo = $("#btnBgTwo").val();
    var btnBgThree = $("#bgTypeThree").val();
    var btnTextOne = $("#btnTextOne").val();
    var btnTextTwo = $("#btnTextTwo").val();
    var btnTextThree = $("#btnTextThree").val();
    var widgetBodyBg = $("#widgetContent").val();
    var widgetTitleBg = $("#widgetTitleBg").val();
    var widgetTitleColor = $("#widgetTitleText").val();
    var widgetNavActive = $("#widgetNav").val();
    $.ajax({
                type: 'POST',
                data: {"office_id":'NjUD',
                    'bgTypeOne': bgTypeOne,
                    'bgTypeTwo': bgTypeTwo,
                    'bgTypeThree': bgTypeThree,
                    'numberCircleBg': numberCircleBg,
                    'darkCircleTextOne': darkCircleTextOne,
                    'darkCircleTextTwo': darkCircleTextTwo,
                    'gradientBgOne': gradientBgOne,
                    'gradientBgTwo': gradientBgTwo,
                    'gradientTextOne': gradientTextOne,
                    'gradientTextTwo': gradientTextTwo,
                    'btnBgOne': btnBgOne,
                    'btnBgTwo': btnBgTwo,
                    'btnBgThree': btnBgThree,
                    'btnTextOne': btnTextOne,
                    'btnTextTwo': btnTextTwo,
                    'btnTextThree': btnTextThree,
                    'widgetBodyBg':widgetBodyBg,
                    'widgetTitleBg':widgetTitleBg,
                    'widgetTitleColor':widgetTitleColor,
                    'widgetNavActive':widgetNavActive
                    
                },
                dataType: "JSON",
                url: 'https://taxtree.com/office/Patch/save_office_css',
                success: function(result) {
                    if(result!=''){
                        // console.log(result);return false;
                        swal("SUCCESS!", "Css Modified Successfully.", "success");
                        window.location.reload();
                    }else{
                        window.location.reload();
                    }
                }
       });
   }
   function get_discovery_days(){
    //    console.log(1);
       var office_id = $('#office_id_new').val();
       $.ajax({
                type: 'POST',
                data: {"office_id":office_id},
                dataType: "JSON",
                url: 'https://taxtree.com/office/Patch/get_website_discovery_days',
                success: function(result) {
                    if(result!=''){
                     var cateInfo='';
                     $.each(result, function(index, discovery) {
                                cateInfo+='<option value="'+discovery.date+'">'+discovery.date+'</option>';
                                //cateInfo+='<div class="flex items-center">';
                                //cateInfo+='<input id="checkbox-item-1" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-700 dark:focus:ring-offset-gray-700 focus:ring-2 dark:bg-gray-600 dark:border-gray-500">';
                                //cateInfo+='<label for="checkbox-item-1" class="ml-2 text-sm font-medium text-gray-900 ">'+discovery.date+'</label>';
                                //cateInfo+='</div>';
                               // cateInfo+='</li>';
                              
                            });
                        $('#discovery_days').append(cateInfo);
                }  
            }
        });
   }
   
   
   function load_my_team_data(){
            var base_url = 'https://'+base_URL+'/';
            var lang = $("#loaded_lang").val();
            $.ajax({
                type: 'POST',
                data: {"office_id":office_id, 'loaded_lang':lang},
                // dataType: "JSON",
                dataType: "html",
                url: 'https://taxtree.com:443/Patch/get_website_staff_details',
                success: function(result) {
                    if(result!=''){
                        // console.log(result);
                     $('#web_staff_list').html(result);
                                             //dynamic_css_colors('web_staff_list');
                                       }
              },
              
               beforeSend: function () {
                   $('.loader-dark').show()
                },
              complete: function () {
                $('.loader-dark').hide();
              }
             
        });
   }


    function get_testimonial_data(){
        if($('#testimonial_data').length > 0){
            var base_url = $("#base_url").val();
            $.ajax({
                type: 'POST',
                data: {"office_id":office_id, "lang": 'en-us'},
                dataType: "html",
                url: 'https://taxtree.com:443/Patch/get_tesitmonial_data_for_template7',
                success: function(result) {
                    if(result!=''){
                        if(result.trim() == 'no testimonial'){
                            $('#testimonial_data').addClass('no-testimonial');
                            $("#testimonial_data").html('');
                        } else {
                            $("#testimonial_data").html(result);
                        }
                    }
                },
                beforeSend: function () {
                    $('.testimonial-loader').show()
                },
                complete: function () {
                    $('.testimonial-loader').hide();
                }                    
            });
        }
    }


      function get_staff_details(){
        if($("#staff_details").length > 0){
            // var staff_id = $("#staff_id").val();
            var lang = $("#lang").val();
            var base_url = $("#base_url").val();
            $.ajax({
                    type: 'POST',
                    data: {"office_id":office_id, "staff_id":0, "language":1},
                    dataType: "html",
                    url: 'https://taxtree.com:443/Website/get_staff_data',
                    success: function(result) {
                        if(result!=''){
                            // console.log(result);
                        $("#staff_details").html(result);
                                                    //dynamic_css_colors('staff_details');
                                            }  
                },
                beforeSend: function () {
                    $('.loader-dark').show()
                    },
                complete: function () {
                    $('.loader-dark').hide();
                }

            });
        }
   }
</script>

</body>
</html>