
<!DOCTYPE html>
<html>



<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></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">
    <meta name="keywords">

    <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_515c2ed966bb054c0d8f616d12ea5648"> <a class="nav-link" href="/">Home </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_fb53fca51c4a8968138cf83f565fbae3"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                    Our Offers
                                </a>
                                <ul class="dropdown-menu" id="sub_menu_fb53fca51c4a8968138cf83f565fbae3"><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_746ad52ce1a962eb27e8c5514ea4aa41"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                    About
                                </a>
                                <ul class="dropdown-menu" id="sub_menu_746ad52ce1a962eb27e8c5514ea4aa41"><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_5ef5d1f4e71f3de6196dffc4553d403"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                    Service
                                </a>
                                <ul class="dropdown-menu" id="sub_menu_5ef5d1f4e71f3de6196dffc4553d403"><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_46fa90b991def6b7fb0adb798de43684"> <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>
    </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>
