
<!DOCTYPE html>
<html>



<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>HR &amp;amp; Payroll Software | All-in-One HRMS Solution for Businesses</title>
    <link rel="icon" type="image/x-icon" href="/webomagic/getSettingFile/fav_icon">
<!--    <script  src="https://cdn.jsdelivr.net/npm/chart.js"> </script>-->
    <script>
        var chartObject={}
        var markersArray = [];
        var theme_id=323
        var page_id=1540
        var language="en"
        var onChangeFunctionMapForDynamicFields=[]
    </script>

    <script  src="/webomagic/constant.js" defer></script>

    <script>
    $(document).ready(function () {
        const params = new URLSearchParams(window.location.search);
        let website_id = params.get("language");
        if(language){
        localStorage.setItem("website_language", language);
        }
        else{
        localStorage.setItem("website_language", "en");
        }
    })
    </script>
<!--    <link media="all" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"> </link>-->
<!--    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.5/swiper-bundle.min.js"> </script>-->
    <meta name="description" content="Manage HR and payroll effortlessly with an all-in-one HRMS. Automate salaries, attendance, and employee management with a secure and scalable solution for businesses in India.">
    <meta name="keywords" content="HR software, payroll software, HRMS system, payroll management software, employee management system, HR automation tools, payroll automation, workforce management system, HR solutions India, payroll software India, human resource management system, employee self service portal, attendance management system, leave management system, HR and payroll software, business HR software, cloud HR software, HRMS platform, salary management system, HR tools India">

    <meta property="og:image"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!--    <link media="all" rel="stylesheet" th:href="@{/style.css}"  >-->
<!--    <link media="all" rel="stylesheet" href="nav00.css">-->
<!--    <link media="all"  href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" defer>-->

    <script  src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" ></script>
    <link rel="stylesheet" href="/webomagic/plugins/grayscale/css/gray.min.css" />
    <script src="/webomagic/plugins/grayscale/js/jquery.gray.min.js" defer></script>
    <link media="all" defer href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <!--    <link media="all"  href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" defer>-->
    <script  src="/webomagic/util_website.js" defer></script>
    <script  src="/webomagic/createCache.js" defer></script>
    <link media="all" defer rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" >

    <!--    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous" defer></script>-->
<!--    <link media="all" defer rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/fontawesome.min.css" integrity="sha384-QYIZto+st3yW+o8+5OHfT6S482Zsvz2WfOzpFSXMF9zqeLcFV0/wlZpMtyFcZALm" crossorigin="anonymous">-->
    <!--        <link media="all" defer rel="stylesheet" th:href="@{fontawesome.min.css}">-->
    <link media="all" defer rel="stylesheet" href="/webomagic/css/all.min.css" >
    <link media="all" rel="stylesheet" href="/webomagic/getWebsiteStyleAsFile?websiteId=323" >

    <script defer src="/webomagic/custom_widget.js"></script>


    <div id="scripts">
        <script src="/webomagic/dataSourceOnChange.js" defer></script>
        <!-- <script src="create_theme_structure.js" defer></script> -->
    </div>
    <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;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&amp;display=swap');
;
;
;


    :root{
        --primary_radius : 80px;
--secondary_heading : 47px;
--secondary_font_local : secondary font local;
--secondary_bg : #FFFFFF;
--secondary_fw : 700;
--quinary_bg : #FFFFFF;
--secondary_text : 18px;
--secondary_radius : 50px;
--tertiary_font : ;
--quinary_heading : 20px;
--quinary_font : ;
--primary_font : Inter;
--quaternary_heading : 29px;
--tertiary_color : #FFFFFF;
--quaternary_text : 12px;
--quaternary_color : #FFFFFF;
--quinary_fw : 700;
--quinary_font_local : quinary font local;
--primary_color : #F8F8F8;
--multi : 1;
--tertiary_heading : 38px;
--quaternary_font_local : quaternary font local;
--primary_font_local : primary font local;
--tertiary_bg : #FFFFFF;
--secondery_font : Poppins;
--quaternary_fw : 700;
--primary_heading : 56px;
--quinary_radius : 20px;
--tertiary_text : 15px;
--tertiary_fw : 700;
--primary_text : 20px;
--quinary_text : 10px;
--primary_bg : #F8F8F8;
--tertiary_radius : 30px;
--quaternary_radius : 30px;
--tertiary_font_local : tertiary_font_local;
--quinary_color : #FFFFFF;
--secondary_color : #FFFFFF;
--quaternary_bg : #FFFFFF;
--primary_fw : 900;
--quaternary_font : ;

    }

    body.light , body .light{
        --primary_bg : #ebebeb;
--tertiary_bg : #FFFFFF;
--secondary_bg : #c9c9c9;
--quinary_bg : #FFFFFF;
--quinary_color : #FFFFFF;
--secondary_color : #FFFFFF;
--tertiary_color : #FFFFFF;
--quaternary_color : #FFFFFF;
--quaternary_bg : #FFFFFF;
--primary_color : #F8F8F8;

    }

    body.dark,body .dark{
        --primary_bg : #ebebeb;
--tertiary_bg : #FFFFFF;
--secondary_bg : #c9c9c9;
--quinary_bg : #FFFFFF;
--quinary_color : #FFFFFF;
--secondary_color : #FFFFFF;
--tertiary_color : #FFFFFF;
--quaternary_color : #FFFFFF;
--quaternary_bg : #FFFFFF;
--primary_color : #F8F8F8;

    }
</style>

    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"> </link>
        
    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"> </link>
        
    
        
            <script  src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"> </script>
        
        
        
    

</head>

<body  id="body-pd" style="overflow-x:hidden;" class="d-flex justify-content-center align-items-center  /*grayscale grayscale-off*/">
<!--<div class="loader_cont">-->
<!--    <div class="loader"></div>-->
<!--</div>-->


<!--<div th:text="${custom_data}"></div>-->






<!-- website display -->
<div class="container-fluid" style="margin-top:0rem;padding-top:0rem;margin-left:0rem;padding-left:0rem;margin-right:0rem;padding-right:0rem;overflow-x:hidden;">
    <div class="row">
        <div class="col-md-12">
            <div>

                <div class="mt-0 light" id="section-container" style=''>

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_561 .menu_section { background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; font-family: Inter !important; font-weight: 400; font-size: 16px; padding: 10px 0 !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important }
.widget_561 .logo-block img { width: 250px }
.widget_561 .active_menu > a { color: rgb(242, 103, 101) !important }
.widget_561 .navbar { padding: 0 }
.widget_561 .navbar.navbar-expand-lg.navbar-light { padding: 10px !important }
.widget_561 .singleMenuItem.active_menu { padding: 0px 10px; text-decoration: none; color: black !important }
.widget_561 .singleMenuItem.active_menu a.nav-link { color: black !important }
.widget_561 .dropdown-menu { padding: 0; overflow: hidden }
.widget_561 .dropdown-item:focus, .dropdown-item:hover { color: unset; background: unset }
.widget_561 li.nestedSingleMenuItem { padding: 5px; position: relative }
.widget_561 li.nestedSingleMenuItem:hover { background-color: transparent }
.widget_561 li.nestedSingleMenuItem::before { content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: var(--secondary_bg); transition: all 0.5s }
.widget_561 .dropdown-item { position: relative; z-index: 2 }
.widget_561 .nestedSingleMenuItem:hover::before, li.nestedSingleMenuItem.active_menu::before { width: 100% }
.widget_561 .nestedSingleMenuItem:hover a.dropdown-item, li.nestedSingleMenuItem.active_menu > a.dropdown-item { color: white !important }
.widget_561 .navbar-expand-lg .navbar-nav .nav-link { font-size: calc(15px * var(--multi)) !important }
.widget_561 .nav-link { color: black !important; font-family: inter !important }
.widget_561 .multiMenuItem.active_menu { position: relative }
.widget_561 .multiMenuItem.active_menu::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: green; border-radius: 2px }
.widget_561 .singleMenuItem.active_menu { position: relative }
.widget_561 .singleMenuItem.active_menu::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: green; border-radius: 2px }
.widget_561 .multiMenuItem.active_menu, .multiMenuItem.show { position: relative }
.widget_561 .multiMenuItem.active_menu::after, .multiMenuItem.show::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: green; border-radius: 2px }
.widget_561 .lfsMunu { font-size: 14px !important }
@media all and (max-width: 991px) {
.widget_561 .container.d-flex.align-items-center.justify-content-between.gap-2 { display: flex; flex-direction: column; align-items: start !important }
.widget_561 .widget_561 .navbar.navbar-expand-lg.navbar-light { padding: 10px 0 !important }
}
.widget_561 .login_btn { background: rgb(242, 103, 101); padding: 6px 10px; border-radius: 5px; transition: all 0.3s ease }
.widget_561 .login_btn a { color: white; text-decoration: none }
.widget_561 .login_btn:hover { background: rgb(220, 80, 78); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(242, 103, 101, 0.35) }
</style>



                        <section dragable="true" id="widget_0" class="widget menu_section widget_561" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="container d-flex align-items-center justify-content-between gap-2">
        <div class="logo-block">
            <a href="/">
                <img async alt='image'  src="/webomagic/getFile?fid=55098" class="dynamic_field" data-fieldname="logo-image" data-objecttype="image" data-dummy-value="logo" alt="dummy image" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" id="dynamic_0" />
            </a>
        </div>
        <div class="d-flex align-items-center">
        <div class="dynamic_field lfsMunu" data-fieldname="menu" data-objecttype="menu" data-uniq="722" id="dynamic_1" style=";font-size:20px;font-family:;height:;width:;">
            <div class="navbar navbar-expand-lg navbar-light  d-flex justify-content-center align-items-center">
                <div class="container " style="width:100%;">
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav_[[widget_id]]" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span> </button>
                    <div class="collapse navbar-collapse " id="main_nav_[[widget_id]]">
                        <ul data-uniq="7220" data-objecttype="menu_container" class="navbar-nav d-flex justify-content-around nav-item-container" style="width:100%" id="navbar-nav_[[widget_id]]"><li class="nav-item active1 singleMenuItem" id="menu_item_c21072537e961964aa74b298b19beeba"> <a class="nav-link" href="/">Home </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_41b5548f470d0ebc8a83b1c46cebd73f"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                    Our Offers
                                </a>
                                <ul class="dropdown-menu" id="sub_menu_41b5548f470d0ebc8a83b1c46cebd73f"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="automated_payroll_management?language=en">Automated Payroll Management</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="employee_management?language=en">Employee Management</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="strategic_hrm_solution?language=en">Strategic HRM Solution</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="hr_tech_mastery?language=en">HR Tech Mastery</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="empowering_efficiency?language=en">Empowering Efficiency</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="stress_free_tax_filing?language=en">Stress-Free Tax Filing</a> </li></ul>
                            </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_2d7439fb81ea368f91bdda8a20ea38e0"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                    About
                                </a>
                                <ul class="dropdown-menu" id="sub_menu_2d7439fb81ea368f91bdda8a20ea38e0"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="nasscom_member?language=en">NASSCOM Member</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="base_of_operations?language=en">Base of Operations</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="awards_recognition?language=en">Awards &amp; Recognition</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="our_team?language=en">Our Team</a> </li></ul>
                            </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_b5f7a7c7736af39a42851ee4b3020f4c"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                    Service
                                </a>
                                <ul class="dropdown-menu" id="sub_menu_b5f7a7c7736af39a42851ee4b3020f4c"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="secure_data_solutions?language=en">Secure Data Solutions</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="easy_administration?language=en">Payroll Ease Makes An Easy Administration</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="smooth_claim_process?language=en">Smooth Claim Process</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="ess_employee_self_service?language=en">ESS (Employee Self-Service)</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="financial_guidance?language=en">Financial Guidance</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="privacy_policy?language=en">Privacy Policy </a> </li></ul>
                            </li><li class="nav-item active1 singleMenuItem" id="menu_item_5089a45ec5e8ab825cf489e04c6d0c2c"> <a class="nav-link" href="Contact_Us?language=en">Contact Us </a> </li></ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="login_btn"><a href="https://portal.payrollease.in">Login</a></div>
        </div>
    </div>
    
    
</section>
                        <script  defer>
 $(document).ready(function () {
  (()=>{let url = window.location.href;

// Extract current file name (without query, hash, or extension)
let currentFileName = url.split("/").pop().split("?")[0].split(".")[0];

$(".nav-item, .nestedSingleMenuItem").each(function () {
    let link = $(this).find("a").attr("href");

    if (link) {
        let href = link.split("?")[0]; // Remove query
        let fileName = href.split("/").pop().split(".")[0]; // Get file name

        if (fileName === currentFileName) {
            // Add active to current link's parent <li>
            $(this).addClass("active_menu");

            // lso add active to parent dropdown (About Us)
            $(this).closest(".nav-item.dropdown, .multiMenuItem").addClass("active_menu");
        }
    }
});
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('logo-image');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('')</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_556 .all-banners { padding: 0; margin: 0 }
.widget_556 .banner { background-color: rgb(249, 219, 219); height: 500px }
.widget_556 .banner .img-block { width: 500px }
.widget_556 .banner h1 { font-family: "Raleway", sans-serif; line-height: 1.2; font-weight: 700; color: rgb(37, 37, 37); margin-bottom: 15px }
.widget_556 .banner p { font-family: var(--regular-font); line-height: 1.2; font-weight: 400; color: rgb(36, 36, 36); margin-bottom: 30px }
@media all and (max-width: 767px) {
.widget_556 .banner .col-md-6.col-sm-12.d-flex.justify-content-end { justify-content: center !important }
.widget_556 .first { order: 2 }
.widget_556 .second { order: 1 }
.widget_556 .banner h1 { text-align: center; align-items: center }
.widget_556 .banner p { text-align: center }
.widget_556 .banner { padding: 40px 0 }
.widget_556 .banner .d-flex.gap-4 { display: block !important }
.widget_556 .banner .book-demo, .primary-btn { display: block; margin: 0 auto; width: fit-content; margin-bottom: 15px }
}
.widget_556 .primary-btn { font-family: var(--regular-font); font-size: 16px; color: rgb(255, 255, 255); text-transform: capitalize; font-weight: 400; background: rgb(242, 103, 101); border-radius: 5px; text-decoration: none; margin: 0; padding: 12px 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) }
.widget_556 .book-demo { font-family: var(--regular-font); font-size: 16px; color: rgb(255, 255, 255); text-transform: capitalize; font-weight: 400; background: rgb(112, 75, 158); border-radius: 5px; text-decoration: none; margin: 0; padding: 12px 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) }
.widget_556 .book-demo:hover { color: rgb(255, 255, 255) }
.widget_556 .primary-btn:hover { background-color: rgb(255, 255, 255); color: var(--primary-color); transform: translateY(-3px) scale(1.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) }
</style>



                            <section dragable="true" id="widget_1" class="widget widget_556" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <!-- BANNER SEC -->
  <section class="all-banners row dynamic_field dynamic_list" data-fieldname="banner" data-objecttype="list" data-dummy-value="feature box" data-uniq="625845908" id="dynamic_2" style=";height:;width:;margin:;padding:;">

    

  <div class="banner dynamic_field repeatable dynamic_list_items" data-dummy-value="featurebox" data-fieldname="banner" data-objecttype="list_item" id="dynamic_3" style=";height:;width:;margin:;padding:;">
      <div class="container">
        <div class="row">
          <div class=" first col-md-6 col-sm-12 d-flex justify-content-start align-items-center">
            <div class="text-content">
              <!-- <h1>Compliance that <br> you can <strong style="color: var(--primary-color);">trust</strong> .</h1> -->
              <h1>Compliance that you can trust .</h1>
              <p>We’ll offer you a full-service tax filing solution. Enjoy Automated PF, ESI, State-specific PT, TDS, Contract TDS(10%), Up-to-date Taxation Rules, and Tax Declaration with no chaos of deadline.</p>
              <div class="d-flex gap-4">
                <a href="https://portal.payrollease.in/register" class="primary-btn">Free Trial</a>
                <a href="https://portal.payrollease.in/register" class="book-demo">book a Demo</a>
              </div>
            </div>
          </div>
          <div class="second col-md-6 col-sm-12 d-flex justify-content-end ">
            <div class="img-block">
              <img async alt='image'  src="/webomagic/getFile?fid=54840" alt="Compliance that you can trust ." class="img-fluid">
            </img></div>
          </div>
        </div>
      </div>
    </div><div class="banner dynamic_field repeatable dynamic_list_items" data-dummy-value="featurebox" data-fieldname="banner" data-objecttype="list_item" id="dynamic_3" style=";height:;width:;margin:;padding:;">
      <div class="container">
        <div class="row">
          <div class=" first col-md-6 col-sm-12 d-flex justify-content-start align-items-center">
            <div class="text-content">
              <!-- <h1>Compliance that <br> you can <strong style="color: var(--primary-color);">trust</strong> .</h1> -->
              <h1>End to your worries and endless search.</h1>
              <p>Say goodbye to tedious research and wasted hours. Complainces makes compliance management easy with a streamlined all-in-one solution. Get the peace of mind you deserve today.</p>
              <div class="d-flex gap-4">
                <a href="https://portal.payrollease.in/register" class="primary-btn">Free Trial</a>
                <a href="https://portal.payrollease.in/register" class="book-demo">book a Demo</a>
              </div>
            </div>
          </div>
          <div class="second col-md-6 col-sm-12 d-flex justify-content-end ">
            <div class="img-block">
              <img async alt='image'  src="/webomagic/getFile?fid=54841" alt="End to your worries and endless search." class="img-fluid">
            </img></div>
          </div>
        </div>
      </div>
    </div><div class="banner dynamic_field repeatable dynamic_list_items" data-dummy-value="featurebox" data-fieldname="banner" data-objecttype="list_item" id="dynamic_3" style=";height:;width:;margin:;padding:;">
      <div class="container">
        <div class="row">
          <div class=" first col-md-6 col-sm-12 d-flex justify-content-start align-items-center">
            <div class="text-content">
              <!-- <h1>Compliance that <br> you can <strong style="color: var(--primary-color);">trust</strong> .</h1> -->
              <h1>Unlock an Unparalleled Employee Experience.</h1>
              <p>Receive quick and accurate salary processing that is error-free. Get access to automated reporting, flexible leave approvals, tracking attendance and salary slips, and many more.</p>
              <div class="d-flex gap-4">
                <a href="https://portal.payrollease.in/register" class="primary-btn">Free Trial</a>
                <a href="https://portal.payrollease.in/register" class="book-demo">book a Demo</a>
              </div>
            </div>
          </div>
          <div class="second col-md-6 col-sm-12 d-flex justify-content-end ">
            <div class="img-block">
              <img async alt='image'  src="/webomagic/getFile?fid=54842" alt="Unlock an Unparalleled Employee Experience." class="img-fluid">
            </img></div>
          </div>
        </div>
      </div>
    </div></section></section>

                        <script  defer>
 $(document).ready(function () {
  (()=>{// slider for client bar sec
$('.all-banners').slick({
  dots: false,
  infinite: false,
  speed: 500,
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows:false,
  dots:true,
  autoplay: true,       // auto slide ON
  autoplaySpeed: 2000,  // 3 seconds
  pauseOnHover: false,  // keep moving on hover
  pauseOnFocus: false,   // keep moving on focus
//   responsive: [
//     {
//       breakpoint: 1024,
//       settings: {
//         slidesToShow: 3,
//         slidesToScroll: 3,
//         infinite: true,
//         dots: true
//       }
//     },
//     {
//       breakpoint: 600,
//       settings: {
//         slidesToShow: 2,
//         slidesToScroll: 2
//       }
//     },
//     {
//       breakpoint: 480,
//       settings: {
//         slidesToShow: 1,
//         slidesToScroll: 1
//       }
//     }
//     // You can unslick at a given breakpoint now by adding:
//     // settings: "unslick"
//     // instead of a settings object
//   ]
});
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('banner');</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_551 .feature-section { padding: 50px 0; margin: 0 }
.widget_551 .feature-section .card { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: none; border-radius: 15px; padding: 20px 20px 40px 20px; margin: 0; transition: 0.2s; height: 250px }
.widget_551 .feature-section .card:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px }
.widget_551 .feature-section .card .icon { padding: 0; margin: 0 }
.widget_551 .feature-section .card .icon i { color: rgb(242, 103, 101); font-size: 40px; padding: 0; margin-bottom: 20px }
.widget_551 .feature-section .card h4 { color: rgb(23, 7, 44); text-align: left; font-family: "Raleway", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 1.3 }
.widget_551 .feature-section .card p { color: rgba(23, 7, 44, 0.7); font-family: var(--regular-font); font-size: 14px; font-weight: 400; line-height: 1.5; padding: 0; margin: 0 }
@media all and (max-width: 576px) {
.widget_551 .cardGap { gap: 10px }
}
</style>



                            <section dragable="true" id="widget_2" class="widget widget_551" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <!-- feature-section -->
  <section class="feature-section">
    <div class="container">
      <div class="row dynamic_field cardGap dynamic_list" data-fieldname="feature" data-objecttype="list" data-dummy-value="feature box" data-uniq="336033699" id="dynamic_4" style=";height:;width:;margin:;padding:;">
        
      <div class="col-md-3 dynamic_field repeatable dynamic_list_items" data-dummy-value="featurebox" data-fieldname="feature" data-objecttype="list_item" id="dynamic_5" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="icon"><i class="fa-regular fa-address-card"></i></div>
            <h4>Easy Administration</h4>
            <p>Liberating Businesses to Excel: Unleashing Freedom for Growth and Customer Care</p>
          </div>
        </div><div class="col-md-3 dynamic_field repeatable dynamic_list_items" data-dummy-value="featurebox" data-fieldname="feature" data-objecttype="list_item" id="dynamic_5" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="icon"><i class="fa-regular fa-chart-bar"></i></div>
            <h4>Insightful Analytics</h4>
            <p>Unlock Insightful Reports: Visibility with Pay Stubs, Attendance, and Leave Sheets</p>
          </div>
        </div><div class="col-md-3 dynamic_field repeatable dynamic_list_items" data-dummy-value="featurebox" data-fieldname="feature" data-objecttype="list_item" id="dynamic_5" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="icon"><i class="fa-regular fa-lightbulb"></i></div>
            <h4>Dynamic Insights</h4>
            <p>Empowering Flexibility: Dynamic Interface for Any Screen Size</p>
          </div>
        </div><div class="col-md-3 dynamic_field repeatable dynamic_list_items" data-dummy-value="featurebox" data-fieldname="feature" data-objecttype="list_item" id="dynamic_5" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="icon"><i class="fa-regular fa-eye-slash"></i></div>
            <h4>Secured Data</h4>
            <p>Safeguarding Success: Employing Advanced Security for Risk-Free Payroll</p>
          </div>
        </div></div>
    </div>
  </section></section>

                        <script >console.log('js');</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('feature');</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_559 .services { background-color: rgb(255, 225, 255); padding: 50px 0; margin: 0 }
.widget_559 .services .img-block { width: 100%; height: 100%; overflow: hidden }
.widget_559 .services .main-block { height: fit-content }
.widget_559 .services .img-block img { width: 100%; height: auto; object-fit: cover }
.widget_559 .services .text-content { padding: 0; margin: 0 }
.widget_559 .services .text-content h3 { color: rgb(39, 39, 39); font-family: "Raleway", sans-serif; font-size: 35px; font-style: normal; font-weight: 700; line-height: 1; letter-spacing: -1.05px; margin-bottom: 20px }
.widget_559 .services .text-content p { color: rgb(23, 7, 44); font-family: var(--regular-font); font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.4; letter-spacing: -0.54px; margin-bottom: 30px }
.widget_559 .services .text-content a { border-radius: 8px; background: rgb(112, 75, 158); padding: 10px 20px; color: rgb(255, 255, 255); font-family: var(--regular-font); font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.1; letter-spacing: -0.9px; text-decoration: none }
.widget_559 .services .slick-dots li.slick-active button { opacity: 0.75; color: var(--primary-color) }
.widget_559 .slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 35px; height: 35px; content: "•"; text-align: center; opacity: 0.25; color: var(--primary-color); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.widget_559 .slick-dots { margin-top: 30px }
</style>



                            <section dragable="true" id="widget_3" class="widget widget_559" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <section class="services">
    <div class="container">
      <div class="all-cards dynamic_field dynamic_list" data-fieldname="serv" data-objecttype="list" data-dummy-value="serviceList" data-uniq="2134527705" id="dynamic_6" style=";height:;width:;margin:;padding:;">

        
      <div class="main-block dynamic_field repeatable dynamic_list_items" data-dummy-value="service" data-fieldname="serv" data-objecttype="list_item" id="dynamic_7" style=";height:;width:;margin:;padding:;">
          <div class="row">
            <div class="col-sm-6">
              <div class="img-block">
                <img async alt='image'  src="/webomagic/getFile?fid=54900" class="img-fluid" alt="">
              </img></div>
            </div>
            <div class="pt-4 col-sm-6 d-flex align-items-center">
              <div class="text-content">
                <h3>Payroll Ease offers HR as A Service</h3>
                <p>HR virtual outsourcing puts you in touch with committed HR specialists in a remote location who can handle things, Payroll Ease offers HR virtual outsourcing; they handle all required HR tasks</p>
                <a href="Contact_Us">Know more <i class="fa-solid fa-angles-right"></i></a>
              </div>
            </div>
          </div>
        </div><div class="main-block dynamic_field repeatable dynamic_list_items" data-dummy-value="service" data-fieldname="serv" data-objecttype="list_item" id="dynamic_7" style=";height:;width:;margin:;padding:;">
          <div class="row">
            <div class="col-sm-6">
              <div class="img-block">
                <img async alt='image'  src="/webomagic/getFile?fid=54901" class="img-fluid" alt="">
              </img></div>
            </div>
            <div class="pt-4 col-sm-6 d-flex align-items-center">
              <div class="text-content">
                <h3>Training &amp; Development Affairs</h3>
                <p>HR virtual outsourcing puts you in touch with committed HR specialists in a remote location who can                   handle things, Payroll Ease offers HR virtual outsourcing; they handle all required HR tasks</p>
                <a href="Contact_Us">Know more <i class="fa-solid fa-angles-right"></i></a>
              </div>
            </div>
          </div>
        </div></div>
    </div>
  </section></section>

                        <script  defer>
 $(document).ready(function () {
  (()=>{// servies
$('.services .all-cards').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
  dots: true,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        slidesToShow: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1
      }
    }
  ]
});
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('serv');</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_555 .soliution-sec { padding: 50px 0; margin: 0 }
.widget_555 .sub-heading { font-family: "Raleway", sans-serif; font-size: 45px; font-weight: 700; line-height: 60px; letter-spacing: 0em; text-align: center; color: rgb(117, 80, 161); margin-bottom: 30px }
.widget_555 .soliution-sec .control { margin-bottom: 30px; gap: 25px; justify-content: center }
.widget_555 .soliution-sec .control button { font-family: var(--regular-font); font-size: 16px; border: none; color: rgb(56, 56, 56); font-weight: 600; background: none; padding-bottom: 10px }
.widget_555 .soliution-sec .card { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: none; border-radius: 15px; padding: 20px 20px 40px 20px; margin-bottom: 20px; transition: 0.2s; height: 220px }
.widget_555 .soliution-sec .card:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px }
.widget_555 .soliution-sec .card h4 { color: rgb(23, 7, 44); text-align: left; font-family: "Raleway", sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.3 }
.widget_555 .soliution-sec .card .icon i { color: rgb(242, 103, 101); font-size: 32px; padding: 0; margin-bottom: 20px }
.widget_555 .soliution-sec .card p { color: rgba(23, 7, 44, 0.7); font-family: var(--regular-font); font-size: 16px; font-weight: 400; line-height: 1.5; padding: 0; margin: 0 }
.widget_555 .control button.active { }
</style>



                            <section dragable="true" id="widget_4" class="widget widget_555" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <section class="soliution-sec">
  <div class="container">
    <h2 class="sub-heading dynamic_field" data-fieldname="soliution" data-objecttype="text" data-dummy-value="Soliution" id="dynamic_8" style=";height:;width:;margin:;padding:;">One Stop Solution To Ease<br>Your Hr &amp; Payroll System</br></h2>
    <div class="container">
      <div class="control d-flex flex-column flex-sm-row">
        <button data-category="Compliances">Compliances</button>
        <button data-category="Employee-Benefits">Employee Benefits</button>
        <button data-category="Hr-Ease">Hr Ease</button>
        <button data-category="Resources">Resources</button>
      </div>
      <div class="row dynamic_field dynamic_list" data-fieldname="soliutionlist" data-objecttype="list" data-uniq="400538392" id="dynamic_9" style=";height:;width:;margin:;padding:;">
        

      <div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Compliances" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Certification</h4>
              <div class="icon">
                <i class="fa-regular fa-address-card"></i>
              </div>
            </div>
            <p>Official recognition of company compliance with industry standards, as validated by ISO certification.</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Hr-Ease" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Time-Sheet Management</h4>
              <div class="icon">
                <i class="fa-regular fa-file-lines"></i>
              </div>
            </div>
            <p>Systematic recording and tracking of employees’ work hours, tasks, and projects facilitates accurate payroll processing</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Hr-Ease" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Employee Management</h4>
              <div class="icon">
                <i class="fa-solid fa-circle-user"></i>
              </div>
            </div>
            <p>Efficient Employee Lifecycle Management- onboarding, exits, &amp; personnel oversight for enhanced productivity</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Resources" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Biometric &amp; Other Support</h4>
              <div class="icon">
                <i class="fa-solid fa-fingerprint"></i>
              </div>
            </div>
            <p>Strengthen security with Payroll Ease’s advanced biometric access and software support, elevating seamless and secure access control</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Resources" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Third Party Integration</h4>
              <div class="icon">
                <i class="fa-solid fa-code-merge"></i>
              </div>
            </div>
            <p>Financial- Salary: ICICI, HDFC, SBI. Insurance: ICICI, Plum. Attendance Hardware: Matrix. Designing: Template Design: Canva. Communication: Slack Integration</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Resources" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Free Payroll Tools</h4>
              <div class="icon">
                <i class="fa-brands fa-accusoft"></i>
              </div>
            </div>
            <p>It includes the Income Tax Calculator, Gratuity Calculator, HRA Exemption Calculator, Statutory Bonus Calculator, and Pay-slip Generator</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Hr-Ease" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Internal Job Posting</h4>
              <div class="icon">
                <i class="fa-brands fa-audible"></i>
              </div>
            </div>
            <p>Facilitate career growth and talent mobility seamlessly with our Internal Job Posting platform, connecting employees within the organization</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Compliances" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Provident Fund (PF)</h4>
              <div class="icon">
                <i class="fa-solid fa-piggy-bank"></i>
              </div>
            </div>
            <p>A financial safety net for employees, PF ensures long-term savings and retirement benefits through systematic contributions</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Compliances" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Employee’s State Insurance</h4>
              <div class="icon">
                <i class="fa-solid fa-shield-heart"></i>
              </div>
            </div>
            <p>ESI provides comprehensive health and social security benefits, ensuring the well-being of workers through employer and employee contributions</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Compliances" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>PT (Professional Tax)</h4>
              <div class="icon">
                <i class="fa-solid fa-file-invoice-dollar"></i>
              </div>
            </div>
            <p>A state-level tax on employment income contributes to state revenue while fulfilling an obligation for professionals and businesses</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Compliances" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>TDS</h4>
              <div class="icon">
                <i class="fa-solid fa-money-bill-transfer"></i>
              </div>
            </div>
            <p>A tax collection mechanism where a predetermined amount is deducted by the payer ensures seamless revenue collection for the government</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Employee Self-Service</h4>
              <div class="icon">
                <i class="fa-solid fa-user-gear"></i>
              </div>
            </div>
            <p>Empowering employees with direct access to manage personal information, benefits, and tasks, enhancing efficiency and engagement in the workplace</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Leave Management</h4>
              <div class="icon">
                <i class="fa-solid fa-calendar-check"></i>
              </div>
            </div>
            <p>Efficiently tracks and organizes employee absences, ensuring seamless administration of time-off requests and maintaining workforce productivity</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Loan Management</h4>
              <div class="icon">
                <i class="fa-solid fa-hand-holding-dollar"></i>
              </div>
            </div>
            <p>Streamlining and optimizing the end-to-end process of loan origination, servicing, and repayment to ensure effective financial transactions</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Easy Shift Allocation</h4>
              <div class="icon">
                <i class="fa-solid fa-calendar-plus"></i>
              </div>
            </div>
            <p>Coordinates and optimizes employee schedules to ensure efficient workforce deployment, enhancing productivity and operational continuity</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Smooth Claim Process</h4>
              <div class="icon">
                <i class="fa-solid fa-file-circle-check"></i>
              </div>
            </div>
            <p>A user-friendly and efficient pathway for quick and hassle-free claim submissions, ensuring a transparent experience for all stakeholders</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Effortless Documentation</h4>
              <div class="icon">
                <i class="fa-solid fa-file-lines"></i>
              </div>
            </div>
            <p>Simplifying organization, retrieval, and secure handling of documents through digital solutions for streamlined workflows and enhanced efficiency</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Easy Approval Workflow</h4>
              <div class="icon">
                <i class="fa-solid fa-clipboard-check"></i>
              </div>
            </div>
            <p>Navigate a streamlined path to approval with our efficient Approval Workflow, optimizing decision-making processes and accelerating project timelines</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Financial Guidance</h4>
              <div class="icon">
                <i class="fa-solid fa-chart-line"></i>
              </div>
            </div>
            <p>Elevate employee financial wellness with Payroll Ease software, offering insightful financial guidance and personalized assistance</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Employee-Benefits" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Performance Point Counts</h4>
              <div class="icon">
                <i class="fa-solid fa-chart-column"></i>
              </div>
            </div>
            <p>Payroll Ease Elevates Recognition: Automate performance points for seamless rewards, fostering employee acknowledgment and appreciation in the organization</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Compliances" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Guarded Trust</h4>
              <div class="icon">
                <i class="fa-solid fa-shield-halved"></i>
              </div>
            </div>
            <p>Our security monitoring tool guarantees the utmost protection for our payroll system, providing an entirely risk-free experience</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Hr-Ease" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Skill Management</h4>
              <div class="icon">
                <i class="fa-solid fa-brain"></i>
              </div>
            </div>
            <p>Cultivate talent growth through HRMS-driven skill management, fostering proficiency for efficient and high-performance teamwork</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Hr-Ease" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Simple Salary Calculator</h4>
              <div class="icon">
                <i class="fa-solid fa-calculator"></i>
              </div>
            </div>
            <p>Instantly calculate your earnings with our One-Click Salary Calculator, simplifying financial planning for a quick and accurate overview</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Hr-Ease" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Rewards &amp; Recognition</h4>
              <div class="icon">
                <i class="fa-solid fa-trophy"></i>
              </div>
            </div>
            <p>Elevate employee morale and performance with our Rewards &amp; Recognition program, celebrating achievements that drive success</p>
          </div>
        </div><div class="col-md-4 col-sm-6 col-12 repeatable dynamic_field dynamic_list_items" data-fieldname="soliutionlist" data-category="Hr-Ease" data-objecttype="list_item" id="dynamic_10" style=";height:;width:;margin:;padding:;">
          <div class="card">
            <div class="d-flex justify-content-between align-items-center">
              <h4>Employee Productivity Tracker</h4>
              <div class="icon">
                <i class="fas fa-user-clock"></i>
              </div>
            </div>
            <p>Track employee productivity with automatic screenshots captured every 30 seconds for better monitoring and workflow transparency — only ₹120 add-on per employee/month.</p>
          </div>
        </div></div>
    </div>
  </div>
</section></section>

                        <script  defer>
 $(document).ready(function () {
  (()=>{const section = document.querySelector(".soliution-sec");
      const buttons = section.querySelectorAll(".control button");
      const items = section.querySelectorAll(".row > div");

      function showCategory(category) {

        items.forEach(item => {
          if (item.dataset.category === category) {
            item.style.display = "block";
          } else {
            item.style.display = "none";
          }
        });

        buttons.forEach(btn => btn.classList.remove("active"));

        const activeBtn = section.querySelector(
          'button[data-category="' + category + '"]'
        );

        if (activeBtn) {
          activeBtn.classList.add("active");
        }
      }

      buttons.forEach(button => {
        button.addEventListener("click", function () {
          showCategory(this.dataset.category);
        });
      });

      // default open first category
      if (buttons.length > 0) {
        showCategory(buttons[0].dataset.category);
      }
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('soliution');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('soliutionlist');</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_550 footer { background: rgb(174, 101, 100); padding: 50px 0; margin: 0 }
.widget_550 footer .text-content { padding: 0; margin: 0 }
.widget_550 footer .text-content .logo-block { padding: 0; margin-bottom: 24px; width: 200px }
.widget_550 footer .text-content h4 { font-family: var(--title-font); font-style: normal; font-weight: 700; font-size: 20px; line-height: 1.2; text-transform: capitalize; color: rgb(255, 255, 255); padding: 0; margin-bottom: 25px }
.widget_550 footer .text-content p { font-family: var(--regular-font); font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.2; color: rgb(255, 255, 255); padding: 0; margin: 0 }
.widget_550 footer .text-content .icon-block { padding: 0; margin-top: 20px }
.widget_550 footer .text-content .icon { width: 43.94px; height: 43.94px; background: rgb(255, 255, 255); display: grid; place-items: center; text-decoration: none; padding: 0; margin-top: 0 }
.widget_550 footer .text-content .icon i { font-size: 24px; color: rgb(242, 103, 101); padding: 0; margin-top: 0 }
.widget_550 footer .text-content .icon { transition: transform 0.3s ease, box-shadow 0.3s ease }
.widget_550 footer .text-content .icon:hover { animation: iconBounce 0.5s ease; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2) }
.widget_550 footer .text-content .icon:hover i { animation: iconPulse 0.5s ease }
.widget_550 @keyframes iconBounce {
  0% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.2);
  }

  70% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1.1);
  }
}
.widget_550 @keyframes iconPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.25);
  }

  100% {
    transform: scale(1);
  }
}
.widget_550 footer .text-content a { font-family: var(--regular-font); font-style: normal; font-weight: 200; font-size: 16px; line-height: 1.2; color: rgb(255, 255, 255); padding: 0; margin-bottom: 15px; transition: 0.3s }
.widget_550 footer .text-content a:hover { color: rgb(255, 255, 255); font-weight: 600; scale: 1.123 }
.widget_550 .down-footer { background: rgb(120, 69, 68); font-family: var(--regular-font); color: rgb(255, 255, 255) }
.widget_550 .down-footer a { font-family: var(--regular-font); color: rgb(255, 255, 255); transition: 0.3s; padding: 15px 0 }
.widget_550 .down-footer a:hover { color: rgb(255, 255, 255) }
</style>



                            <section dragable="true" id="widget_5" class="widget widget_550" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <footer>
  <div class="container">
    <div class="row">
      <div class="col-md-3">
        <div class="text-content">
          <div class="logo-block">
            <img async alt='image'  src="/webomagic/getFile?fid=54654" class="img-fluid dynamic_field" alt="dummy image" data-fieldname="logoImage" data-dummy-value="payrollLogo" data-objecttype="image" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" id="dynamic_11">
          </img></div>
          <h4 class="dynamic_field" data-fieldname="followus" data-dummy-value="FollowUs" data-objecttype="text" id="dynamic_12" style=";height:;width:;margin:;padding:;">follow us</h4>
          <p class="dynamic_field" data-fieldname="followDES" data-dummy-value="FollowDES" data-objecttype="text" id="dynamic_13" style=";height:;width:;margin:;padding:;">Stay connected with us on social media for updates, insights, announcements, and the latest innovations in school management solutions.</p>
          <div class="icon-block d-flex align-items-center gap-4 dynamic_field dynamic_list" data-fieldname="payrollIcon" data-objecttype="list" data-dummy-value="payrollIcon" data-uniq="67687504" id="dynamic_14" style=";height:;width:;margin:;padding:;">
            

          <a href="#" target="_blank" class="icon repeatable dynamic_field dynamic_list_items" data-fieldname="payrollIcon" data-objecttype="list_item" id="dynamic_15" style=";height:;width:;margin:;padding:;"><i class="fa-brands fa-facebook-f"></i></a><a href="https://in.linkedin.com/company/payroll-ease" target="_blank" class="icon repeatable dynamic_field dynamic_list_items" data-fieldname="payrollIcon" data-objecttype="list_item" id="dynamic_15" style=";height:;width:;margin:;padding:;"><i class="fa-brands fa-linkedin"></i></a></div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="text-content">
          <h4 class="dynamic_field" data-fieldname="PAYROLLEASE" data-dummy-value="payrollease" data-objecttype="text" id="dynamic_16" style=";height:;width:;margin:;padding:;">payrollease</h4>
          <div class="dynamic_field dynamic_list" data-fieldname="payrollabout" data-objecttype="list" data-dummy-value="payroolAbout" data-uniq="1539296484" id="dynamic_17" style=";height:;width:;margin:;padding:;">
            
          <a href="nasscom_member" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollabout" data-objecttype="list_item" id="dynamic_18" style=";height:;width:;margin:;padding:;">NASSCOM Member</a><a href="base_of_operations" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollabout" data-objecttype="list_item" id="dynamic_18" style=";height:;width:;margin:;padding:;">Base of Operations</a><a href="awards_recognition" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollabout" data-objecttype="list_item" id="dynamic_18" style=";height:;width:;margin:;padding:;">Awards &amp; Recognition</a><a href="our_team" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollabout" data-objecttype="list_item" id="dynamic_18" style=";height:;width:;margin:;padding:;">Our Team</a><a href="privacy_policy" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollabout" data-objecttype="list_item" id="dynamic_18" style=";height:;width:;margin:;padding:;">Privacy Policy</a></div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="text-content">
          <h4 class="dynamic_field" data-fieldname="ourOffers" data-dummy-value="our Offers" data-objecttype="text" id="dynamic_19" style=";height:;width:;margin:;padding:;">our Offers</h4>
          <div class="dynamic_field dynamic_list" data-fieldname="payrollQuickLink" data-objecttype="list" data-dummy-value="payrollQuickLink" data-uniq="413851123" id="dynamic_20" style=";height:;width:;margin:;padding:;">
          
          <a href="automated_payroll_management" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollQuickLink" data-objecttype="list_item" id="dynamic_21" style=";height:;width:;margin:;padding:;">Automated Payroll Management</a><a href="strategic_hrm_solution" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollQuickLink" data-objecttype="list_item" id="dynamic_21" style=";height:;width:;margin:;padding:;">Strategic HRM Solution</a><a href="hr_tech_mastery" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollQuickLink" data-objecttype="list_item" id="dynamic_21" style=";height:;width:;margin:;padding:;">HR Tech Mastery</a><a href="empowering_efficiency" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollQuickLink" data-objecttype="list_item" id="dynamic_21" style=";height:;width:;margin:;padding:;">Empowering Efficiency</a><a href="stress_free_tax_filing" class="nav-link repeatable dynamic_field dynamic_list_items" data-fieldname="payrollQuickLink" data-objecttype="list_item" id="dynamic_21" style=";height:;width:;margin:;padding:;">Stress-Free Tax Filing</a></div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="text-content">
          <h4 class="dynamic_field" data-fieldname="contactUs" data-dummy-value="contact us" data-objecttype="text" id="dynamic_22" style=";height:;width:;margin:;padding:;">contact us</h4>

          <div class="d-flex flex-column align-items-start gap-2 dynamic_field dynamic_list" data-fieldname="payrollMap" data-objecttype="list" data-dummy-value="payroolMap" data-uniq="587243650" id="dynamic_23" style=";height:;width:;margin:;padding:;">
            <!--<a href="[[locationlink]]" target="_blank" class="icon repeatable dynamic_field dynamic_list_items" data-fieldname="payrollMap" data-objecttype="list_item"><i class="[[locationIcon]]"></i>"[[locationName]]"</a>-->
             
           
          <a href="https://maps.app.goo.gl/7bu5NY9ns3DSZ8Je9" target="_blank" class="repeatable dynamic_field dynamic_list_items d-flex align-items-center gap-2 text-decoration-none" data-fieldname="payrollMap" data-objecttype="list_item" id="dynamic_24" style=";height:;width:;margin:;padding:;">

        <i class="fa-solid fa-location-dot"></i>
        71, Manasbhumi Lane, Manikpur, Kolkata - 700079

    </a><a href="mailto:s.prasad@schoolease.in" target="_blank" class="repeatable dynamic_field dynamic_list_items d-flex align-items-center gap-2 text-decoration-none" data-fieldname="payrollMap" data-objecttype="list_item" id="dynamic_24" style=";height:;width:;margin:;padding:;">

        <i class="fa-solid fa-envelope"></i>
        info@payrollease.in

    </a><a href="tel:+919830498602" target="_blank" class="repeatable dynamic_field dynamic_list_items d-flex align-items-center gap-2 text-decoration-none" data-fieldname="payrollMap" data-objecttype="list_item" id="dynamic_24" style=";height:;width:;margin:;padding:;">

        <i class="fa-solid fa-phone-volume"></i>
        +919830498602

    </a></div>

          <!--<div class="d-flex align-items-center gap-3 dynamic_field dynamic_list" data-fieldname="payrollcontact" data-objecttype="list" data-dummy-value="payroolContact" data-uniq="1539229921">-->
          <!--  <a href="[[contactLink]]" class="icon repeatable dynamic_field dynamic_list_items" data-fieldname="payrollcontact" data-objecttype="list_item">-->
          <!--    <i class="[[contactIcon]]"></i>-->
          <!--  </a>-->

          <!--</div>-->
         
        </div>
      </div>
    </div>
  </div>
</footer></section>

                        <script >console.log('js');</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('contactUs');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('followus');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('logoImage');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('payrollQuickLink');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('payrollMap');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('followDES');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('PAYROLLEASE');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('payrollIcon');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('payrollabout');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('ourOffers');</script></div>

                                

                                

                            

                        

                        

                    

                </div>


            </div>
        </div>

    </div>
</div>
<div id="custom_widget_js" ></div>
<!-- website display -->
<!--
<script
        src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
        crossorigin="anonymous" defer
></script>
<link media="all"
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
        crossorigin="anonymous" defer
/>-->
<!--<script th:src="@{/view_web_page.js}" defer></script>-->

<script>
<!--    $(window).on("load", function(){-->
<!--        $(".loader_cont").hide();-->
<!--    })-->
</script>
</body>

</html>
