========================
<div class="breacrumb-cover">
            <div class="container">
                <ul class="breadcrumbs">
                    <li><a href="#">Home</a></li>
                    <li>Blog</li>
                </ul>
            </div>
        </div>
        <div class="archive-header pt-50 pb-50">
            <div class="container">
                <h3 class="mb-30 text-center w-75 mx-auto">
                    Relevant news and more for you. Welcome to our blog
                </h3>
                <div class="text-center">
                    <div class="sub-categories">
                        <a href="#" class="btn btn-tags-sm mb-10 mr-5">Recruitment</a>
                        <a href="#" class="btn btn-tags-sm mb-10 mr-5">Branding</a>
                        <a href="#" class="btn btn-tags-sm mb-10 mr-5">Workplage</a>
                        <a href="#" class="btn btn-tags-sm mb-10 mr-5">Job Tips</a>
                        <a href="#" class="btn btn-tags-sm mb-10 mr-5">Contributors</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="post-loop-grid">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="row">
                          
                          
                            
    <div class="row"> 

        
            
            <div class="col-lg-6 mb-30">

                <div
                    class="card-blog-1 hover-up wow animate__animated animate__fadeIn"
                    data-wow-delay=".1s"
                >

                    
                    
                        <figure class="post-thumb mb-15">

                            <a href="https://www.hiredemo.zobsi.com/blog/46/flexible-spending-vs-health-savings-accounts-explained">
 
                                <img 
                                    alt="Flexible Spending Accounts vs Health Savings Accounts Explained"
                                    src="https://www.hiredemo.zobsi.com/storage/blog/blog_benefits_3.png"
                                />

                            </a>

                        </figure>

                    

                    <div class="card-block-info">

                        
                        <div class="post-meta text-muted d-flex align-items-center mb-15">

                            <div class="author d-flex align-items-center mr-30">

                                <img
                                    alt="Admin"
                                    src="https://www.hiredemo.zobsi.com/assets/imgs/avatar/ava_10.png"
                                />

                                
                                    <span>Admin</span>

                                
                            </div>


                            <div class="date">

                                <span>

                                    <i class="fi-rr-edit mr-5 text-grey-6"></i>

                                    06 July

                                </span>

                            </div>

                        </div>


                        
                        
                            <div class="blog-cat mb-10">

                                Compensation &amp; Benefits

                            </div>

                        

                        
                        <h3 class="post-title small mb-15">

                            <a href="https://www.hiredemo.zobsi.com/blog/46/flexible-spending-vs-health-savings-accounts-explained">
                                Flexible Spending Accounts vs Health Savings Accounts Explained
                            </a>

                        </h3>


                        
                        <p class="post-description">

                            Educating prospective and current hires on optimal health coverage selections.

                        </p>


                        
                        <div class="card-2-bottom mt-30">

                            <div class="d-flex align-items-center justify-content-between">

                                <div class="keep-reading">

                                    <a
                                        href="https://www.hiredemo.zobsi.com/blog/46/flexible-spending-vs-health-savings-accounts-explained"
                                        class="btn btn-border btn-brand-hover"
                                    >
                                        Keep reading
                                    </a>

                                </div>


                                <div class="tags text-lg-end">

                                    <a
                                        href="#"
                                        class="mt-10"
                                    >

                                        <img
                                            alt="Bookmark"
                                            src="https://www.hiredemo.zobsi.com/assets/imgs/theme/icons/bookmark.svg"
                                        />

                                    </a>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        
            
            <div class="col-lg-6 mb-30">

                <div
                    class="card-blog-1 hover-up wow animate__animated animate__fadeIn"
                    data-wow-delay=".1s"
                >

                    
                    
                        <figure class="post-thumb mb-15">

                            <a href="https://www.hiredemo.zobsi.com/blog/30/mental-health-support-crucial-employee-benefit">
 
                                <img 
                                    alt="Mental Health Support as a Crucial Employee Benefit"
                                    src="https://www.hiredemo.zobsi.com/storage/blog/blog_benefits_2.png"
                                />

                            </a>

                        </figure>

                    

                    <div class="card-block-info">

                        
                        <div class="post-meta text-muted d-flex align-items-center mb-15">

                            <div class="author d-flex align-items-center mr-30">

                                <img
                                    alt="Admin"
                                    src="https://www.hiredemo.zobsi.com/assets/imgs/avatar/ava_10.png"
                                />

                                
                                    <span>Admin</span>

                                
                            </div>


                            <div class="date">

                                <span>

                                    <i class="fi-rr-edit mr-5 text-grey-6"></i>

                                    06 July

                                </span>

                            </div>

                        </div>


                        
                        
                            <div class="blog-cat mb-10">

                                Compensation &amp; Benefits

                            </div>

                        

                        
                        <h3 class="post-title small mb-15">

                            <a href="https://www.hiredemo.zobsi.com/blog/30/mental-health-support-crucial-employee-benefit">
                                Mental Health Support as a Crucial Employee Benefit
                            </a>

                        </h3>


                        
                        <p class="post-description">

                            Why comprehensive wellness frameworks matter to incoming corporate generations.

                        </p>


                        
                        <div class="card-2-bottom mt-30">

                            <div class="d-flex align-items-center justify-content-between">

                                <div class="keep-reading">

                                    <a
                                        href="https://www.hiredemo.zobsi.com/blog/30/mental-health-support-crucial-employee-benefit"
                                        class="btn btn-border btn-brand-hover"
                                    >
                                        Keep reading
                                    </a>

                                </div>


                                <div class="tags text-lg-end">

                                    <a
                                        href="#"
                                        class="mt-10"
                                    >

                                        <img
                                            alt="Bookmark"
                                            src="https://www.hiredemo.zobsi.com/assets/imgs/theme/icons/bookmark.svg"
                                        />

                                    </a>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        
            
            <div class="col-lg-6 mb-30">

                <div
                    class="card-blog-1 hover-up wow animate__animated animate__fadeIn"
                    data-wow-delay=".1s"
                >

                    
                    
                        <figure class="post-thumb mb-15">

                            <a href="https://www.hiredemo.zobsi.com/blog/14/designing-competitive-compensation-packages">
 
                                <img 
                                    alt="Designing Competitive Compensation Packages for Small Businesses"
                                    src="https://www.hiredemo.zobsi.com/storage/blog/blog_benefits_1.png"
                                />

                            </a>

                        </figure>

                    

                    <div class="card-block-info">

                        
                        <div class="post-meta text-muted d-flex align-items-center mb-15">

                            <div class="author d-flex align-items-center mr-30">

                                <img
                                    alt="Admin"
                                    src="https://www.hiredemo.zobsi.com/assets/imgs/avatar/ava_10.png"
                                />

                                
                                    <span>Admin</span>

                                
                            </div>


                            <div class="date">

                                <span>

                                    <i class="fi-rr-edit mr-5 text-grey-6"></i>

                                    06 July

                                </span>

                            </div>

                        </div>


                        
                        
                            <div class="blog-cat mb-10">

                                Compensation &amp; Benefits

                            </div>

                        

                        
                        <h3 class="post-title small mb-15">

                            <a href="https://www.hiredemo.zobsi.com/blog/14/designing-competitive-compensation-packages">
                                Designing Competitive Compensation Packages for Small Businesses
                            </a>

                        </h3>


                        
                        <p class="post-description">

                            How to compete with enterprise perks using creative benefits structures.

                        </p>


                        
                        <div class="card-2-bottom mt-30">

                            <div class="d-flex align-items-center justify-content-between">

                                <div class="keep-reading">

                                    <a
                                        href="https://www.hiredemo.zobsi.com/blog/14/designing-competitive-compensation-packages"
                                        class="btn btn-border btn-brand-hover"
                                    >
                                        Keep reading
                                    </a>

                                </div>


                                <div class="tags text-lg-end">

                                    <a
                                        href="#"
                                        class="mt-10"
                                    >

                                        <img
                                            alt="Bookmark"
                                            src="https://www.hiredemo.zobsi.com/assets/imgs/theme/icons/bookmark.svg"
                                        />

                                    </a>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        
    </div>


    
    <div class="pagination-container margin-top-20">

        <!--original-->
<!---->

    </div>


                            
                            
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 col-sm-12 col-12 pl-40 pl-lg-15 mt-lg-30">
                        
                                <div class="widget_search mb-40">
                            <div class="search-form">
                      <form action="https://www.hiredemo.zobsi.com/blog" method="GET">

                                    <input type="text" placeholder="Search…" name="search">
                                    <button type="submit"><i class="fi-rr-search"></i></button>
                                </form>
                            </div>
                        </div>
                        <div class="sidebar-shadow widget-categories">
                            <h5 class="sidebar-title">Category</h5>
                         <ul>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/resume-cv-tips">
                Resume &amp; CV Tips
            </a>

            <span class="count">
                4
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/interview-preparation">
                Interview Preparation
            </a>

            <span class="count">
                4
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/career-advice">
                Career Advice
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/job-search-strategies">
                Job Search Strategies
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/workplace-culture">
                Workplace Culture
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/salary-negotiation">
                Salary &amp; Negotiation
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/remote-freelance-work">
                Remote &amp; Freelance Work
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/industry-insights">
                Industry Insights
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/recruiting-sourcing">
                Recruiting &amp; Sourcing
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/interviewing-candidates">
                Interviewing Candidates
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/talent-management-retention">
                Talent Management &amp; Retention
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/employer-branding">
                Employer Branding
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/hr-technology-ai">
                HR Technology &amp; AI
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/compensation-benefits">
                Compensation &amp; Benefits
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/workplace-diversity-inclusion">
                Workplace Diversity &amp; Inclusion
            </a>

            <span class="count">
                3
            </span>

        </li>

    
        <li class="d-flex justify-content-between align-items-center">

            <a href="https://www.hiredemo.zobsi.com/blog/category/hiring-trends-market-insights">
                Hiring Trends &amp; Market Insights
            </a>

            <span class="count">
                3
            </span>

        </li>

    
</ul>
                        </div>
                        <div class="sidebar-shadow sidebar-news-small">
                            <h5 class="sidebar-title">Latest news</h5>
                            <div class="post-list-small">
                                
                                
                                
    

    <div class="post-list-small-item d-flex align-items-center">

        
        
            <figure class="thumb mr-15">

                <a href="https://www.hiredemo.zobsi.com/blog/50/top-body-language-mistakes-avoid-zoom-interviews">

                    <img
                        src="https://www.hiredemo.zobsi.com/storage/blog/6a4cb640bbb711783412288.png"
                        alt="Top Body Language Mistakes to Avoid on Zoom Interviews"
                    >

                </a>

            </figure>

        

        
        <div class="content">

            <h5>

                <a href="https://www.hiredemo.zobsi.com/blog/50/top-body-language-mistakes-avoid-zoom-interviews">
                    Top Body Language Mistakes to Avoid on Zoom Interviews
                </a>

            </h5>


            <div class="post-meta text-muted d-flex align-items-center mb-15">

                
                <div class="author d-flex align-items-center mr-20">

                    <img
                        alt="zobsi"
                        src="https://www.hiredemo.zobsi.com/storage/profile/6a71e3435ec7b1785848643.png"
                    >

                    <span>
                        zobsi
                    </span>

                </div>


                
                <div class="date">

                    <span>
                        06 Jul
                    </span>

                </div>

            </div>

        </div>

    </div>


    

    <div class="post-list-small-item d-flex align-items-center">

        
        
            <figure class="thumb mr-15">

                <a href="https://www.hiredemo.zobsi.com/blog/49/how-to-correctly-format-academic-cv">

                    <img
                        src="https://www.hiredemo.zobsi.com/storage/blog/6a4cb970679c31783413104.png"
                        alt="How to Correctly Format an Academic CV"
                    >

                </a>

            </figure>

        

        
        <div class="content">

            <h5>

                <a href="https://www.hiredemo.zobsi.com/blog/49/how-to-correctly-format-academic-cv">
                    How to Correctly Format an Academic CV
                </a>

            </h5>


            <div class="post-meta text-muted d-flex align-items-center mb-15">

                
                <div class="author d-flex align-items-center mr-20">

                    <img
                        alt="zobsi"
                        src="https://www.hiredemo.zobsi.com/storage/profile/6a71e3435ec7b1785848643.png"
                    >

                    <span>
                        zobsi
                    </span>

                </div>


                
                <div class="date">

                    <span>
                        06 Jul
                    </span>

                </div>

            </div>

        </div>

    </div>


    

    <div class="post-list-small-item d-flex align-items-center">

        
        
            <figure class="thumb mr-15">

                <a href="https://www.hiredemo.zobsi.com/blog/48/impact-interest-rates-tech-hiring-volatility">

                    <img
                        src="https://www.hiredemo.zobsi.com/storage/blog/6a4cc54cdba531783416140.jpeg"
                        alt="The Impact of Interest Rates on Tech Hiring Volatility"
                    >

                </a>

            </figure>

        

        
        <div class="content">

            <h5>

                <a href="https://www.hiredemo.zobsi.com/blog/48/impact-interest-rates-tech-hiring-volatility">
                    The Impact of Interest Rates on Tech Hiring Volatility
                </a>

            </h5>


            <div class="post-meta text-muted d-flex align-items-center mb-15">

                
                <div class="author d-flex align-items-center mr-20">

                    <img
                        alt="zobsi"
                        src="https://www.hiredemo.zobsi.com/storage/profile/6a71e3435ec7b1785848643.png"
                    >

                    <span>
                        zobsi
                    </span>

                </div>


                
                <div class="date">

                    <span>
                        06 Jul
                    </span>

                </div>

            </div>

        </div>

    </div>


                                 
                                
                                
                                 
                               
                            
                            </div>
                        </div>
                        
                                
                        <div class="sidebar-shadow">
                            <h5 class="sidebar-title">Popular Tags</h5>
                            <div class="block-tags">
                       
    
        <a
            href="https://www.hiredemo.zobsi.com/blog/tags/workplace%20diversity%20inclusion"
            class="btn btn-tags-sm mb-10 mr-5"
        >
            workplace diversity inclusion
        </a>

    

    
        <a
            href="https://www.hiredemo.zobsi.com/blog/tags/parity"
            class="btn btn-tags-sm mb-10 mr-5"
        >
            parity
        </a>

    

    
        <a
            href="https://www.hiredemo.zobsi.com/blog/tags/hiring%20trends%20market%20insights"
            class="btn btn-tags-sm mb-10 mr-5"
        >
            hiring trends market insights
        </a>

    

    
        <a
            href="https://www.hiredemo.zobsi.com/blog/tags/economics"
            class="btn btn-tags-sm mb-10 mr-5"
        >
            economics
        </a>

    

    
        <a
            href="https://www.hiredemo.zobsi.com/blog/tags/resume%20cv%20tips"
            class="btn btn-tags-sm mb-10 mr-5"
        >
            resume cv tips
        </a>

    

    
        <a
            href="https://www.hiredemo.zobsi.com/blog/tags/academia"
            class="btn btn-tags-sm mb-10 mr-5"
        >
            academia
        </a>

    

    
        <a
            href="https://www.hiredemo.zobsi.com/blog/tags/interview%20preparation"
            class="btn btn-tags-sm mb-10 mr-5"
        >
            interview preparation
        </a>

    

    
        <a
            href="https://www.hiredemo.zobsi.com/blog/tags/video%20interview"
            class="btn btn-tags-sm mb-10 mr-5"
        >
            video interview
        </a>

    
                          
                            </div>
                            
                            
                        </div>
                                                    <div class="sidebar-normal">
                            <div>
                                <h6 class="small-heading">Are you also hiring?</h6>
                          <ul class="ul-lists">
    <li>
        <a href="/browsejobs?keywords=Writing+%26+Translation">
            Writing & Translation
        </a>
    </li>

    <li>
        <a href="/browsejobs?keywords=Video+%26+Animation">
            Video & Animation
        </a>
    </li>

    <li>
        <a href="/browsejobs?keywords=Music+%26+Audio">
            Music & Audio
        </a>
    </li>

    <li>
        <a href="/browsejobs?keywords=Digital+Marketing">
            Digital Marketing
        </a>
    </li>

    <li>
        <a href="/browsejobs?keywords=php">
            PHP Developer
        </a>
    </li>

    <li>
        <a href="/browsejobs?keywords=Programming+%26+Tech">
            Programming & Tech
        </a>
    </li>
</ul>
                            </div>
                        </div>
                    </div>
                </div>
                
          
                       

                <div class="paginations wow animate__animated animate__fadeIn">
                    
                                    


     
                </div>
                
                
            </div>
        </div>
        <section class="section-box mt-50 mb-60">
            <div class="container">
                <div class="box-newsletter">
                    <h5 class="text-md-newsletter">Sign up to get</h5>
                    <h6 class="text-lg-newsletter">the latest jobs</h6>
                    <div class="box-form-newsletter mt-30">
                        <form class="form-newsletter">
                            <input type="text" class="input-newsletter" value="" placeholder="contact.alithemes@gmail.com" />
                            <button class="btn btn-default font-heading icon-send-letter">Subscribe</button>
                        </form>
                    </div>
                </div>
                <div class="box-newsletter-bottom">
                    <div class="newsletter-bottom"></div>
                </div>
            </div>
        </section>

 

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
      <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="csrf-token" content="PQ5AyxSVIEciGvmHh8fTndQksxLWVF6yVEt1Ausm" />
<meta name="theme-color" content="#6b76ff">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/css/line-awesome.min.css">
<meta name="title" content="Category: Compensation &amp;amp; Benefits - Zobsi">
<meta name="description" content="Zobsi helps you find jobs faster across India. Explore the latest job openings, apply, and connect with top companies. Start your career journey with Zobsi today.">
<meta name="keywords" content="jobs in India, latest jobs, job search India, online job portal, hiring platform, find jobs fast, Zobsi jobs, IT jobs India, fresher jobs, work from home jobs, नौकरी, रोजगार, job vacancies India">
<link rel="alternate" hreflang="x-default" href="https://www.hiredemo.zobsi.com" />
<meta name="language" content="en">
<meta name="author" content="Zobsi">
<meta property="og:url" content="https://www.hiredemo.zobsi.com/blog/category/compensation-benefits">
<meta property="og:image" content="https://www.hiredemo.zobsi.com/storage/logo/social_share.jpg">
<meta property="og:site_name" content="Zobsi">
<meta property="og:type" content="website">
<meta property="og:title" content="Category: Compensation &amp;amp; Benefits - Zobsi">
<meta property="og:description" content="Zobsi helps you find jobs faster across India. Explore the latest job openings, apply, and connect with top companies. Start your career journey with Zobsi today.">
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="315">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Category: Compensation &amp;amp; Benefits - Zobsi">
<meta name="twitter:image:src" content="https://www.hiredemo.zobsi.com/storage/logo/social_share.jpg">
<meta name="twitter:description" content="Zobsi helps you find jobs faster across India. Explore the latest job openings, apply, and connect with top companies. Start your career journey with Zobsi today.">
<meta name="theme" content="thenext-theme">
<title>Category: Compensation &amp; Benefits - Zobsi</title>
<link rel="shortcut icon" type="image/x-icon" href="https://www.hiredemo.zobsi.com/storage/logo/6a435e81efc111782800001.jpeg">
 
 
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18340088946"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-18340088946');
</script><script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "xqsm18ur4e");
</script>


    <style>
    :root{--theme-color-0_01: rgba(107,118,255,0.01);--theme-color-0_02: rgba(107,118,255,0.02);--theme-color-0_03: rgba(107,118,255,0.03);--theme-color-0_04: rgba(107,118,255,0.04);--theme-color-0_05: rgba(107,118,255,0.05);--theme-color-0_06: rgba(107,118,255,0.06);--theme-color-0_07: rgba(107,118,255,0.07);--theme-color-0_08: rgba(107,118,255,0.08);--theme-color-0_09: rgba(107,118,255,0.09);--theme-color-0_1: rgba(107,118,255,0.1);--theme-color-0_11: rgba(107,118,255,0.11);--theme-color-0_12: rgba(107,118,255,0.12);--theme-color-0_13: rgba(107,118,255,0.13);--theme-color-0_14: rgba(107,118,255,0.14);--theme-color-0_15: rgba(107,118,255,0.15);--theme-color-0_16: rgba(107,118,255,0.16);--theme-color-0_17: rgba(107,118,255,0.17);--theme-color-0_18: rgba(107,118,255,0.18);--theme-color-0_19: rgba(107,118,255,0.19);--theme-color-0_2: rgba(107,118,255,0.2);--theme-color-0_21: rgba(107,118,255,0.21);--theme-color-0_22: rgba(107,118,255,0.22);--theme-color-0_23: rgba(107,118,255,0.23);--theme-color-0_24: rgba(107,118,255,0.24);--theme-color-0_25: rgba(107,118,255,0.25);--theme-color-0_26: rgba(107,118,255,0.26);--theme-color-0_27: rgba(107,118,255,0.27);--theme-color-0_28: rgba(107,118,255,0.28);--theme-color-0_29: rgba(107,118,255,0.29);--theme-color-0_3: rgba(107,118,255,0.3);--theme-color-0_31: rgba(107,118,255,0.31);--theme-color-0_32: rgba(107,118,255,0.32);--theme-color-0_33: rgba(107,118,255,0.33);--theme-color-0_34: rgba(107,118,255,0.34);--theme-color-0_35: rgba(107,118,255,0.35);--theme-color-0_36: rgba(107,118,255,0.36);--theme-color-0_37: rgba(107,118,255,0.37);--theme-color-0_38: rgba(107,118,255,0.38);--theme-color-0_39: rgba(107,118,255,0.39);--theme-color-0_4: rgba(107,118,255,0.4);--theme-color-0_41: rgba(107,118,255,0.41);--theme-color-0_42: rgba(107,118,255,0.42);--theme-color-0_43: rgba(107,118,255,0.43);--theme-color-0_44: rgba(107,118,255,0.44);--theme-color-0_45: rgba(107,118,255,0.45);--theme-color-0_46: rgba(107,118,255,0.46);--theme-color-0_47: rgba(107,118,255,0.47);--theme-color-0_48: rgba(107,118,255,0.48);--theme-color-0_49: rgba(107,118,255,0.49);--theme-color-0_5: rgba(107,118,255,0.5);--theme-color-0_51: rgba(107,118,255,0.51);--theme-color-0_52: rgba(107,118,255,0.52);--theme-color-0_53: rgba(107,118,255,0.53);--theme-color-0_54: rgba(107,118,255,0.54);--theme-color-0_55: rgba(107,118,255,0.55);--theme-color-0_56: rgba(107,118,255,0.56);--theme-color-0_57: rgba(107,118,255,0.57);--theme-color-0_58: rgba(107,118,255,0.58);--theme-color-0_59: rgba(107,118,255,0.59);--theme-color-0_6: rgba(107,118,255,0.6);--theme-color-0_61: rgba(107,118,255,0.61);--theme-color-0_62: rgba(107,118,255,0.62);--theme-color-0_63: rgba(107,118,255,0.63);--theme-color-0_64: rgba(107,118,255,0.64);--theme-color-0_65: rgba(107,118,255,0.65);--theme-color-0_66: rgba(107,118,255,0.66);--theme-color-0_67: rgba(107,118,255,0.67);--theme-color-0_68: rgba(107,118,255,0.68);--theme-color-0_69: rgba(107,118,255,0.69);--theme-color-0_7: rgba(107,118,255,0.7);--theme-color-0_71: rgba(107,118,255,0.71);--theme-color-0_72: rgba(107,118,255,0.72);--theme-color-0_73: rgba(107,118,255,0.73);--theme-color-0_74: rgba(107,118,255,0.74);--theme-color-0_75: rgba(107,118,255,0.75);--theme-color-0_76: rgba(107,118,255,0.76);--theme-color-0_77: rgba(107,118,255,0.77);--theme-color-0_78: rgba(107,118,255,0.78);--theme-color-0_79: rgba(107,118,255,0.79);--theme-color-0_8: rgba(107,118,255,0.8);--theme-color-0_81: rgba(107,118,255,0.81);--theme-color-0_82: rgba(107,118,255,0.82);--theme-color-0_83: rgba(107,118,255,0.83);--theme-color-0_84: rgba(107,118,255,0.84);--theme-color-0_85: rgba(107,118,255,0.85);--theme-color-0_86: rgba(107,118,255,0.86);--theme-color-0_87: rgba(107,118,255,0.87);--theme-color-0_88: rgba(107,118,255,0.88);--theme-color-0_89: rgba(107,118,255,0.89);--theme-color-0_9: rgba(107,118,255,0.9);--theme-color-0_91: rgba(107,118,255,0.91);--theme-color-0_92: rgba(107,118,255,0.92);--theme-color-0_93: rgba(107,118,255,0.93);--theme-color-0_94: rgba(107,118,255,0.94);--theme-color-0_95: rgba(107,118,255,0.95);--theme-color-0_96: rgba(107,118,255,0.96);--theme-color-0_97: rgba(107,118,255,0.97);--theme-color-0_98: rgba(107,118,255,0.98);--theme-color-0_99: rgba(107,118,255,0.99);--theme-color-1: rgba(107,118,255,1);}
</style>

  
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/theme/favicon.svg" />
    <!-- Template CSS -->
    <link rel="stylesheet" href="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/css/plugins/animate.min.css" />
    <link rel="stylesheet" href="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/css/main.css" />


 
<script src="https://www.hiredemo.zobsi.com/assets/global/js/jquery.min.js"></script>
    <script></script>
    

<script type="text/javascript" class="flasher-js">(function() {    var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.1/dist/flasher.min.js';    var FLASHER_FLASH_BAG_PLACE_HOLDER = {};    var options = mergeOptions([], FLASHER_FLASH_BAG_PLACE_HOLDER);    function mergeOptions(first, second) {        return {            context: merge(first.context || {}, second.context || {}),            envelopes: merge(first.envelopes || [], second.envelopes || []),            options: merge(first.options || {}, second.options || {}),            scripts: merge(first.scripts || [], second.scripts || []),            styles: merge(first.styles || [], second.styles || []),        };    }    function merge(first, second) {        if (Array.isArray(first) && Array.isArray(second)) {            return first.concat(second).filter(function(item, index, array) {                return array.indexOf(item) === index;            });        }        return Object.assign({}, first, second);    }    function renderOptions(options) {        if(!window.hasOwnProperty('flasher')) {            console.error('Flasher is not loaded');            return;        }        requestAnimationFrame(function () {            window.flasher.render(options);        });    }    function render(options) {        if ('loading' !== document.readyState) {            renderOptions(options);            return;        }        document.addEventListener('DOMContentLoaded', function() {            renderOptions(options);        });    }    if (1 === document.querySelectorAll('script.flasher-js').length) {        document.addEventListener('flasher:render', function (event) {            render(event.detail);        });    }    if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {        render(options);    } else {        var tag = document.createElement('script');        tag.setAttribute('src', rootScript);        tag.setAttribute('type', 'text/javascript');        tag.onload = function () {            render(options);        };        document.head.appendChild(tag);    }})();</script>
</head>
<body>
<!--<div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="text-center">
                    <img src="assets/imgs/theme/loading.gif" alt="jobhub" />
                </div>
            </div>
        </div>
    </div>
-->

    <header class="header sticky-bar">
        
            
        <div class="container">
            <div class="main-header">
                <div class="header-left">
                    <div class="header-logo">
                    


                             <a href="https://www.hiredemo.zobsi.com" class="d-flex">
                                                <img src="https://www.hiredemo.zobsi.com/storage/logo/6a79a812b2ddf1786357778.png" width='138px'   data-sticky-logo="https://www.hiredemo.zobsi.com/storage/logo/6a79a812b2ddf1786357778.png"
                                data-transparent-logo="https://www.hiredemo.zobsi.com/storage/logo/6a44be7ab708d1782890106.jpeg" alt="Zobsi"></a>

                    </div>
                    <div class="header-nav">
                        <nav class="nav-main-menu d-none d-xl-block">
                            <ul class="main-menu">
                             

                                    <li  >
                                <a href="https://www.hiredemo.zobsi.com/browsejobs"><i class="icon-feather-list"></i> Browse Jobs</a>
                            </li>
                            

                                                            <li   ><a href="https://www.hiredemo.zobsi.com/testimonials">Testimonials</a></li>
                                       
                            <li   ><a href="https://www.hiredemo.zobsi.com/pricing">Pricing</a></li>
                            <li   ><a href="https://www.hiredemo.zobsi.com/contact">Contact</a></li>


      
                             
                                                                                    <li><a href="https://www.hiredemo.zobsi.com/login">Login</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/signup">Register</a></li>
                            <li>       
                            <button
                            
                            onclick="window.location.href='https://www.hiredemo.zobsi.com/posts/create';"
                            
                              class="btn btn-default font-heading icon-send-letter">Post Job</button>
                             
                            </li>
                                                          
                            </ul>
                        </nav>
                        <div class="burger-icon burger-icon-white">
                            <span class="burger-icon-top"></span>
                            <span class="burger-icon-mid"></span>
                            <span class="burger-icon-bottom"></span>
                        </div>
                    </div>
                </div>
                <div class="header-right">
                    <div class="block-signin">
                        <a href="#" class="text-link-bd-btom hover-up">Apply Now</a>
                        <a href="#" class="btn btn-default btn-shadow ml-40 hover-up">Sign in</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar">
        <div class="mobile-header-wrapper-inner">
            <div class="mobile-header-top">
                <div class="user-account">
                    <img src="assets/imgs/avatar/ava_1.png" alt="jobhub" />
                    <div class="content">
                        <h6 class="user-name">Howdy, <span class="text-brand">AliThemes</span></h6>
                        <p class="font-xs text-muted">You have 2 new messages</p>
                    </div>
                </div>
                <div class="burger-icon burger-icon-white">
                    <span class="burger-icon-top"></span>
                    <span class="burger-icon-mid"></span>
                    <span class="burger-icon-bottom"></span>
                </div>
            </div>
            <div class="mobile-header-content-area">
                <div class="perfect-scroll">
                    <div class="mobile-search mobile-header-border mb-30">
                        <form action="#">
                            <input type="text" placeholder="Search for items…" />
                            <i class="fi-rr-search"></i>
                        </form>
                    </div>
                    <div class="mobile-menu-wrap mobile-header-border">
                        <!-- mobile menu start -->
                        <nav>
                            <ul class="mobile-menu font-heading">
                                <li class="has-children">
                                    <a class="active" href="index.html">Home</a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                    </ul>
                                </li>
                                <li class="has-children">
                                    <a href="job-grid.html">Browse Jobs</a>
                                    <ul class="sub-menu">
                                        <li><a href="job-grid.html">Job Grid</a></li>
                                        <li><a href="job-grid-2.html">Job Grid 2</a></li>
                                        <li><a href="job-list.html">Job List</a></li>
                                        <li class="hr"><span></span></li>
                                        <li><a href="job-single.html">Job Single 01</a></li>
                                        <li><a href="job-single-2.html">Job Single 02</a></li>
                                        <li><a href="job-single-3.html">Job Single 03</a></li>
                                    </ul>
                                </li>
                                <li class="has-children">
                                    <a href="employers-grid.html">Employers</a>
                                    <ul class="sub-menu">
                                        <li><a href="employers-grid.html">Employers Grid</a></li>
                                        <li><a href="employers-grid-2.html">Employers Grid 2</a></li>
                                        <li><a href="employers-list.html">Employers List</a></li>
                                        <li class="hr"><span></span></li>
                                        <li><a href="employers-single.html">Employers Single 01</a></li>
                                        <li><a href="employers-single-2.html">Employers Single 02</a></li>
                                    </ul>
                                </li>
                                <li class="has-children">
                                    <a href="candidates-grid.html">Candidates</a>
                                    <ul class="sub-menu">
                                        <li><a href="candidates-grid.html">Candidates Grid</a></li>
                                        <li><a href="candidates-grid-2.html">Candidates Grid 2</a></li>
                                        <li><a href="candidates-list.html">Candidates List</a></li>
                                        <li class="hr"><span></span></li>
                                        <li><a href="candidates-single.html">Candidates Single 01</a></li>
                                        <li><a href="candidates-single-2.html">Candidates Single 02</a></li>
                                    </ul>
                                </li>
                                <li class="has-children">
                                    <a href="#">Blog</a>
                                    <ul class="sub-menu">
                                        <li><a href="blog-grid.html">Blog Grid</a></li>
                                        <li><a href="blog-grid-2.html">Blog Grid Sidebar</a></li>
                                        <li><a href="blog-list.html">Blog List</a></li>
                                        <li class="hr"><span></span></li>
                                        <li><a href="blog-single.html">Blog Single 01</a></li>
                                        <li><a href="blog-single-2.html">Blog Single 02</a></li>
                                    </ul>
                                </li>
                                <li class="has-children">
                                    <a href="#">Pages</a>
                                    <ul class="sub-menu">
                                        <li><a href="page-about.html">About Us</a></li>
                                        <li><a href="page-service.html">Our Services</a></li>
                                        <li><a href="page-pricing.html">Pricing Plan</a></li>
                                        <li><a href="pages-faqs.html">FAQs</a></li>
                                        <li><a href="page-contact.html">Contact Us</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                        <!-- mobile menu end -->
                    </div>
                    <div class="mobile-account">
                        <h6 class="mb-10">Your Account</h6>
                        <ul class="mobile-menu font-heading">
                            <li><a href="#">Profile</a></li>
                            <li><a href="#">Work Preferences</a></li>
                            <li><a href="#">My Boosted Shots</a></li>
                            <li><a href="#">My Collections</a></li>
                            <li><a href="#">Account Settings</a></li>
                            <li><a href="#">Go Pro</a></li>
                            <li><a href="#">Sign Out</a></li>
                        </ul>
                    </div>
                    <div class="mobile-social-icon mb-50">
                        <h6 class="mb-25">Follow Us</h6>
                        <a href="#"><img src="assets/imgs/theme/icons/icon-facebook.svg" alt="jobhub" /></a>
                        <a href="#"><img src="assets/imgs/theme/icons/icon-twitter.svg" alt="jobhub" /></a>
                        <a href="#"><img src="assets/imgs/theme/icons/icon-instagram.svg" alt="jobhub" /></a>
                        <a href="#"><img src="assets/imgs/theme/icons/icon-pinterest.svg" alt="jobhub" /></a>
                        <a href="#"><img src="assets/imgs/theme/icons/icon-youtube.svg" alt="jobhub" /></a>
                    </div>
                    <div class="site-copyright">Copyright 2022   . <br />Designed by AliThemes.</div>
                </div>
            </div>
        </div>
    </div>

<!-- template change  -->

<!-- Wrapper 
<div id="wrapper">
    <header id="header-container" class="transparent">
        -->

        <!-- Header -->
        <!--<div id="header">
            <div class="container">
                <div class="left-side">
                    <div id="logo">
                        <a href="https://www.hiredemo.zobsi.com">
                                                <img src="https://www.hiredemo.zobsi.com/storage/logo/6a79a812b2ddf1786357778.png" data-sticky-logo="https://www.hiredemo.zobsi.com/storage/logo/6a79a812b2ddf1786357778.png"
                                data-transparent-logo="https://www.hiredemo.zobsi.com/storage/logo/6a44be7ab708d1782890106.jpeg" alt="Zobsi"></a>
                    </div>
                    <nav class="navigation">
                        <ul>
                                                        <li class="d-none d-lg-block">
                                <a href="https://www.hiredemo.zobsi.com/browsejobs"><i class="icon-feather-list"></i> Browse Jobs</a>
                            </li>
                            

                                                            <li class="d-none d-lg-block" ><a href="https://www.hiredemo.zobsi.com/testimonials">Testimonials</a></li>
                                       
                            <li class="d-none d-lg-block" ><a href="https://www.hiredemo.zobsi.com/pricing">Pricing</a></li>
                            <li class="d-none d-lg-block" ><a href="https://www.hiredemo.zobsi.com/contact">Contact</a></li>
                        </ul>
                    </nav>
                    <div class="clearfix"></div>-->
                    <!-- Mobile Navigation -->
                    <!--<nav class="mmenu-init">
                        <ul class="mm-listview">
                            <li><a href="https://www.hiredemo.zobsi.com/browsejobs">Browse Jobs</a></li>
                           
                           
                                                                                    <li><a href="https://www.hiredemo.zobsi.com/login">Login</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/signup">Register</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/posts/create" class="button ripple-effect">Post Job</a></li>
                                                    </ul>
                    </nav>
                </div>
                <div class="right-side">
                                        <div class="header-widget d-none d-lg-block">
                        <nav class="navigation">
                            <ul>
                                                                <li>
                                    <a href="#sign-in-dialog" class="popup-with-zoom-anim"><i
                                        class="icon-feather-log-in"></i> Login</a>
                                </li>
                                <li><a href="https://www.hiredemo.zobsi.com/signup">Register</a></li>
                                <li><a href="https://www.hiredemo.zobsi.com/posts/create" class="button ripple-effect post-job">Post Job</a>
                                </li>
                                                                                            </ul>
                        </nav>
                    </div>

                                                                <div class="header-widget">
                        <div class="btn-group bootstrap-select language-switcher">
                            <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                    title="English">
                                <span class="filter-option pull-left" id="selected_lang">EN</span>&nbsp;
                                <span class="caret"></span>
                            </button>
                            <div class="dropdown-menu scrollable-menu open">
                                <ul class="dropdown-menu inner">
                                                                            <li data-lang="en">
                                            <a role="menuitem" tabindex="-1" rel="alternate"
                                               href="https://www.hiredemo.zobsi.com/en">English</a>
                                        </li>
                                                                            <li data-lang="fr">
                                            <a role="menuitem" tabindex="-1" rel="alternate"
                                               href="https://www.hiredemo.zobsi.com/fr">French</a>
                                        </li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                                        <span class="mmenu-trigger">
                <button class="hamburger hamburger--collapse" type="button">
                    <span class="hamburger-box">
                        <span class="hamburger-inner"></span>
                    </span>
                </button>
            </span>
                </div>

            </div>
        </div>

    </header>-->
    <div class="clearfix"></div>

        <!-- Country Picker -->
    <div class="zoom-anim-dialog mfp-hide dialog-with-tabs popup-dialog big-dialog" id="countryModal">
        <ul class="popup-tabs-nav">
            <li><a href="#country"><i class="icon-feather-map-pin"></i> Select Your Country</a></li>
        </ul>
        <div class="popup-tabs-container">
            <div class="popup-tab-content" id="country">

                <div class="row">
                    <div class="col-md-6">
                        <div class="input-with-icon margin-bottom-30">
                            <input class="with-border" type="text" placeholder="Search..." id="country-modal-search">
                            <i class="icon-feather-search"></i>
                        </div>
                    </div>
                    <ul id="countries" class="column col-md-12 col-sm-12 cities">
                                                    <li data-name="United Arab Emirates"><span class="flag flag-ae"></span> <a
                                href="https://www.hiredemo.zobsi.com/en/ae"
                                data-id="2"
                                data-name="United Arab Emirates"> United Arab Emirates</a></li>
                                                    <li data-name="India"><span class="flag flag-in"></span> <a
                                href="https://www.hiredemo.zobsi.com/en/in"
                                data-id="102"
                                data-name="India"> India</a></li>
                                                    <li data-name="United States"><span class="flag flag-us"></span> <a
                                href="https://www.hiredemo.zobsi.com/en/us"
                                data-id="227"
                                data-name="United States"> United States</a></li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>

 <!--Country-Cities-changes-Model-->
    <a class="popup-with-zoom-anim hidden" href="#citiesModal" id="change-city">City</a>
    <div class="zoom-anim-dialog mfp-hide popup-dialog big-dialog" id="citiesModal">
        <div class="popup-tab-content padding-0">
            <div class="quick-states" id="country-popup" data-country-id="IN" style="display: block;">
                <div id="regionSearchBox" class="title clr">
                    <div class="clr">
                        <div class="locationrequest smallBox br5 col-sm-4">
                            <div class="rel input-container">
                                <div class="input-with-icon">
                                    <input id="inputStateCity" class="with-border" type="text" placeholder="Enter city name">
                                    <i class="la la-map-marker"></i>
                                </div>
                                <div id="searchDisplay"></div>
                                <div class="suggest bottom abs small br3 error hidden"><span
                                        class="target abs icon"></span>

                                    <p></p>
                                </div>
                            </div>
                            <div id="lastUsedCities" class="last-used binded" style="display: none;">Last Visited
                                <ul id="last-locations-ul">
                                </ul>
                            </div>
                        </div>
                                            </div>
                </div>
                <div class="popular-cities clr">
                    <p>Popular Cities</p>

                    <div class="list row">

                        <ul class="col-lg-12 col-md-12 popularcity">
                                                            <li><a class="selectme" data-id="2661" data-name="Mumbai" data-type="city"><span>Mumbai</span></a></li>
                                                            <li><a class="selectme" data-id="2461" data-name="Delhi" data-type="city"><span>Delhi</span></a></li>
                                                            <li><a class="selectme" data-id="2912" data-name="Bengaluru" data-type="city"><span>Bengaluru</span></a></li>
                                                            <li><a class="selectme" data-id="2051" data-name="Hyderabad" data-type="city"><span>Hyderabad</span></a></li>
                                                            <li><a class="selectme" data-id="3180" data-name="Ahmedabad" data-type="city"><span>Ahmedabad</span></a></li>
                                                            <li><a class="selectme" data-id="1444" data-name="Chennai" data-type="city"><span>Chennai</span></a></li>
                                                            <li><a class="selectme" data-id="2639" data-name="Kolkata" data-type="city"><span>Kolkata</span></a></li>
                                                            <li><a class="selectme" data-id="311" data-name="Surat" data-type="city"><span>Surat</span></a></li>
                                                            <li><a class="selectme" data-id="793" data-name="Pune" data-type="city"><span>Pune</span></a></li>
                                                            <li><a class="selectme" data-id="1805" data-name="Kanpur" data-type="city"><span>Kanpur</span></a></li>
                                                            <li><a class="selectme" data-id="2002" data-name="Jaipur" data-type="city"><span>Jaipur</span></a></li>
                                                            <li><a class="selectme" data-id="3251" data-name="Navi Mumbai" data-type="city"><span>Navi Mumbai</span></a></li>
                                                            <li><a class="selectme" data-id="1466" data-name="Lucknow" data-type="city"><span>Lucknow</span></a></li>
                                                            <li><a class="selectme" data-id="1159" data-name="Nagpur" data-type="city"><span>Nagpur</span></a></li>
                                                            <li><a class="selectme" data-id="2519" data-name="Coimbatore" data-type="city"><span>Coimbatore</span></a></li>
                                                            <li><a class="selectme" data-id="2034" data-name="Indore" data-type="city"><span>Indore</span></a></li>
                                                            <li><a class="selectme" data-id="110" data-name="Vadodara" data-type="city"><span>Vadodara</span></a></li>
                                                            <li><a class="selectme" data-id="3348" data-name="Kallakurichi" data-type="city"><span>Kallakurichi</span></a></li>
                                                    </ul>
                    </div>
                </div>
                <div class="viewport">
                    <div class="full" id="getCities">
                        <div class="col-sm-12 col-md-12 loader" style="display: none"></div>
                        <div id="results" class="animate-bottom">
                            <ul class="column cities">
                                <li class="selected"><a class="selectme" data-id="IN" data-name="All India" data-type="country"><strong>All India</strong></a></li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.01"
                                           data-id="IN.01" data-name="Andaman and Nicobar">
                                            <span>Andaman and Nicobar <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.02"
                                           data-id="IN.02" data-name="Andhra Pradesh">
                                            <span>Andhra Pradesh <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.30"
                                           data-id="IN.30" data-name="Arunachal Pradesh">
                                            <span>Arunachal Pradesh <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.03"
                                           data-id="IN.03" data-name="Assam">
                                            <span>Assam <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.34"
                                           data-id="IN.34" data-name="Bihar">
                                            <span>Bihar <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.05"
                                           data-id="IN.05" data-name="Chandigarh">
                                            <span>Chandigarh <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.37"
                                           data-id="IN.37" data-name="Chhattisgarh">
                                            <span>Chhattisgarh <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.52"
                                           data-id="IN.52" data-name="Dadra and Nagar Haveli and Daman and Diu">
                                            <span>Dadra and Nagar Haveli and Daman and Diu <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.07"
                                           data-id="IN.07" data-name="Delhi">
                                            <span>Delhi <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.33"
                                           data-id="IN.33" data-name="Goa">
                                            <span>Goa <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.09"
                                           data-id="IN.09" data-name="Gujarat">
                                            <span>Gujarat <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.10"
                                           data-id="IN.10" data-name="Haryana">
                                            <span>Haryana <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.11"
                                           data-id="IN.11" data-name="Himachal Pradesh">
                                            <span>Himachal Pradesh <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.12"
                                           data-id="IN.12" data-name="Jammu and Kashmir">
                                            <span>Jammu and Kashmir <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.38"
                                           data-id="IN.38" data-name="Jharkhand">
                                            <span>Jharkhand <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.19"
                                           data-id="IN.19" data-name="Karnataka">
                                            <span>Karnataka <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.13"
                                           data-id="IN.13" data-name="Kerala">
                                            <span>Kerala <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.14"
                                           data-id="IN.14" data-name="Laccadives">
                                            <span>Laccadives <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.41"
                                           data-id="IN.41" data-name="Ladakh">
                                            <span>Ladakh <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.35"
                                           data-id="IN.35" data-name="Madhya Pradesh">
                                            <span>Madhya Pradesh <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.16"
                                           data-id="IN.16" data-name="Maharashtra">
                                            <span>Maharashtra <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.17"
                                           data-id="IN.17" data-name="Manipur">
                                            <span>Manipur <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.18"
                                           data-id="IN.18" data-name="Meghalaya">
                                            <span>Meghalaya <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.31"
                                           data-id="IN.31" data-name="Mizoram">
                                            <span>Mizoram <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.20"
                                           data-id="IN.20" data-name="Nagaland">
                                            <span>Nagaland <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.21"
                                           data-id="IN.21" data-name="Odisha">
                                            <span>Odisha <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.22"
                                           data-id="IN.22" data-name="Puducherry">
                                            <span>Puducherry <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.23"
                                           data-id="IN.23" data-name="Punjab">
                                            <span>Punjab <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.24"
                                           data-id="IN.24" data-name="Rajasthan">
                                            <span>Rajasthan <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.29"
                                           data-id="IN.29" data-name="Sikkim">
                                            <span>Sikkim <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.25"
                                           data-id="IN.25" data-name="Tamil Nadu">
                                            <span>Tamil Nadu <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.40"
                                           data-id="IN.40" data-name="Telangana">
                                            <span>Telangana <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.26"
                                           data-id="IN.26" data-name="Tripura">
                                            <span>Tripura <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.36"
                                           data-id="IN.36" data-name="Uttar Pradesh">
                                            <span>Uttar Pradesh <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.39"
                                           data-id="IN.39" data-name="Uttarakhand">
                                            <span>Uttarakhand <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                                    <li class="">
                                        <a class="statedata" id="regionIN.28"
                                           data-id="IN.28" data-name="West Bengal">
                                            <span>West Bengal <i class="fa fa-angle-right"></i></span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                    </div>
                    <div class="table full subregionslinks hidden" id="subregionslinks"></div>
                </div>
            </div>
        </div>
    </div>
    <!--Country-Cities-changes-Model-->


<!-- WhatsApp Floating Button 
<a href="https://wa.me/919XXXXXXXXX?text=Hi,%20I%20have%20a%20question%20about%20Zobsi.%20Can%20you%20assist%20me?" target="_blank" class="whatsapp-float">
    💬
</a>

<style>
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 70px;
    background-color: #25D366;
    color: white;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    z-index: 1000;
    text-decoration: none;
}
.whatsapp-float:hover {
    background-color: #20ba5a;
}
</style> 
-->

    <footer class="footer mt-50">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-12">
             
                    
                                        <a href="https://www.hiredemo.zobsi.com" >
                                                <img src="https://www.hiredemo.zobsi.com/storage/logo/6a79a812b2ddf1786357778.png" width='138px'   data-sticky-logo="https://www.hiredemo.zobsi.com/storage/logo/6a79a812b2ddf1786357778.png"
                                data-transparent-logo="https://www.hiredemo.zobsi.com/storage/logo/6a44be7ab708d1782890106.jpeg" alt="Zobsi"></a>
                                
                    <div class="mt-20 mb-20">Connect top talent with leading employers effortlessly. Streamline hiring, post jobs, manage projects, and grow your career. Powered by innovation, built for success.</div>
                </div>
                <div class="col-md-2 col-xs-6">
                    
                     <h6 style='font-size: 18px;
    line-height: 20px;
    font-weight: 500; font-weight:bold' >My Account</h6>
                    <ul class="menu-footer mt-40" >
                                                        <li><a href="https://www.hiredemo.zobsi.com/login">Login</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/signup">Register</a></li>
                                                    </ul>
                        
               
                </div>
                <div class="col-md-2 col-xs-6">
                    
                               <h6 style='font-size: 18px;
    line-height: 20px;
    font-weight: 500; font-weight:bold' >Helpful Links</h6>
                                      <ul class="menu-footer mt-40" >

                                                        <li><a href="https://www.hiredemo.zobsi.com/blog">Blog</a></li>
                                                                                    <li><a href="https://www.hiredemo.zobsi.com/testimonials">Testimonials</a></li>
                                                        <li><a href="https://www.hiredemo.zobsi.com/faq">FAQ</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/feedback">Feedback</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/contact">Contact</a></li>
                        </ul>
                     
                </div>
                <div class="col-md-2 col-xs-6">
                     <h6 style='font-size: 18px;
    line-height: 20px;
    font-weight: 500; font-weight:bold' >Information</h6>
                                      <ul class="menu-footer mt-40" >
                    <li><a href="https://www.hiredemo.zobsi.com/contact">Contact</a></li>
                        </ul>
                </div>
                <div class="col-md-2 col-xs-6">
                    <h6  style='font-size: 18px;
    line-height: 20px;
    font-weight: 500; font-weight:bold'  >Support</h6>
                    <ul class="menu-footer mt-40">
                                                                             <li><a href="https://www.hiredemo.zobsi.com/page/terms-conditions">Terms &amp; Conditions</a></li>
                                                                                                                                <li><a href="https://www.hiredemo.zobsi.com/page/privacy-policy-for-zobsi-com">Privacy Policy</a></li>
                                                                                                                                <li><a href="https://www.hiredemo.zobsi.com/page/cancellation-and-refund-policy">Cancellation and Refund Policy</a></li>
                                                                                                                                <li><a href="https://www.hiredemo.zobsi.com/page/pricing">Pricing</a></li>
                                                                                </ul>
                </div>
            </div>
            <div class="footer-bottom mt-50">
                <div class="row">
                    <div class="col-md-6">
                        
                        
           Copyright © 2026 Zobsi . All Rights Reserved.
                         
                    </div>
                    <div class="col-md-6 text-md-end text-start">
                        <div class="footer-social">
                                                         
                                    <a href="https://facebook.com/zobsi" target="_blank" rel="nofollow" class="icon-socials icon-facebook" class="icon-socials icon-facebook" >
 
                                    </a>
                              
                                                                              
                                    <a href="https://x.com/zobsi" target="_blank" rel="nofollow" class="icon-socials icon-twitter" >
                                     </a>
                  
                                                                                              
                                    <a href="https://instagram.com/zobsi" target="_blank" rel="nofollow" class="icon-socials icon-instagram" >
 
                                    </a>
                         
                                                                                             
                                    <a href="https://linkedin.com/zobsi" target="_blank" rel="nofollow" class="icon-socials icon-linkedin" >
 
                                    </a>
                              
                                                                                            
                                    <a href="https://pinterest.com/zobsi" target="_blank" rel="nofollow" class="icon-socials icon-pinterest" > 
                                    </a>
                             
                                                                                                
                                    <a href="https://www.youtube.com/c/zobsi" target="_blank" rel="nofollow" class="icon-socials icon-youtube" > 
                                    </a>
                                 
                                                                
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    
 

<!-- Original Footer
<div id="footer">
    <div class="footer-middle-section">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-5 col-md-12">
                    <div class="footer-logo">
                        <img src="https://www.hiredemo.zobsi.com/storage/logo/6a44be7ab708d1782890106.jpeg" alt="Zobsi">
                    </div>
                    <p>
                        Connect top talent with leading employers effortlessly. Streamline hiring, post jobs, manage projects, and grow your career. Powered by innovation, built for success.
                    </p>
                </div>
                <div class="col-xl-1 col-lg-1">
                </div>
                <div class="col-xl-2 col-lg-2 col-md-4">
                    <div class="footer-links">
                        <h3>My Account</h3>
                        <ul>
                                                        <li><a href="https://www.hiredemo.zobsi.com/login">Login</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/signup">Register</a></li>
                                                    </ul>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-2 col-md-4">
                    <div class="footer-links">
                        <h3>Helpful Links</h3>
                        <ul>
                                                        <li><a href="https://www.hiredemo.zobsi.com/blog">Blog</a></li>
                                                                                    <li><a href="https://www.hiredemo.zobsi.com/testimonials">Testimonials</a></li>
                                                        <li><a href="https://www.hiredemo.zobsi.com/faq">FAQ</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/feedback">Feedback</a></li>
                            <li><a href="https://www.hiredemo.zobsi.com/contact">Contact</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-2 col-md-4">
                    <div class="footer-links">
                        <h3>Information</h3>
                        <ul>
                                                                                                <li><a href="https://www.hiredemo.zobsi.com/page/terms-conditions">Terms &amp; Conditions</a></li>
                                                                                                                                <li><a href="https://www.hiredemo.zobsi.com/page/privacy-policy-for-zobsi-com">Privacy Policy</a></li>
                                                                                                                                <li><a href="https://www.hiredemo.zobsi.com/page/cancellation-and-refund-policy">Cancellation and Refund Policy</a></li>
                                                                                                                                <li><a href="https://www.hiredemo.zobsi.com/page/pricing">Pricing</a></li>
                                                                                                                   
                          
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom-section">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="footer-rows-left">
                        <div class="footer-row">
                            <span class="footer-copyright-text2 ">Copyright © 2026 Zobsi . All Rights Reserved.</span>
                        </div>
                    </div>
                    <div class="footer-rows-right">
                        <div class="footer-row">
                            <ul class="footer-social-links">
                                                                <li>
                                    <a href="https://facebook.com/zobsi" target="_blank" rel="nofollow">
                                        <i class="fab fa-facebook"></i>
                                    </a>
                                </li>
                                                                                                <li>
                                    <a href="https://x.com/zobsi" target="_blank" rel="nofollow">
                                        <i class="fab fa-twitter"></i>
                                    </a>
                                </li>
                                                                                                <li>
                                    <a href="https://instagram.com/zobsi" target="_blank" rel="nofollow">
                                        <i class="fab fa-instagram"></i>
                                    </a>
                                </li>
                                                                                                <li>
                                    <a href="https://linkedin.com/zobsi" target="_blank" rel="nofollow">
                                        <i class="fab fa-linkedin"></i>
                                    </a>
                                </li>
                                                                                                <li>
                                    <a href="https://pinterest.com/zobsi" target="_blank" rel="nofollow">
                                        <i class="fab fa-pinterest-p"></i>
                                    </a>
                                </li>
                                                                                                <li>
                                    <a href="https://www.youtube.com/c/zobsi" target="_blank" rel="nofollow">
                                        <i class="fab fa-youtube-play"></i>
                                    </a>
                                </li>
                                                            </ul>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>-->
</div>
<!-- Sign In Popup -->
<div id="sign-in-dialog" class="zoom-anim-dialog mfp-hide dialog-with-tabs popup-dialog">
    <ul class="popup-tabs-nav">
        <li><a href="#login">Login</a></li>
    </ul>
    <div class="popup-tabs-container">
        <div class="popup-tab-content" id="login">
            <div class="welcome-text">
                <h3>Welcome Back!</h3>
                <span>Don&#039;t have an account? <a href="https://www.hiredemo.zobsi.com/signup">Sign Up Now!</a></span>
                            </div>
            <!-- Demo Mode Buttons -->
                        <div class="social-login-buttons margin-top-10">
                                            </div>
            <div class="social-login-separator"><span>OR</span></div>
            
            <form id="login-form2" method="post" action="https://www.hiredemo.zobsi.com/login">
                <input type="hidden" name="_token" value="PQ5AyxSVIEciGvmHh8fTndQksxLWVF6yVEt1Ausm">                <div id="login-status" class="notification error" style="display:none"></div>
                
                <div class="input-with-icon-left">
                    <i class="la la-user"></i>
                    <input type="text" class="input-text with-border" name="username" id="username"
                        placeholder="Username/Email" required/>
                </div>

                <div class="input-with-icon-left">
                    <i class="la la-unlock"></i>
                    <input type="password" class="input-text with-border" name="password" id="password"
                           placeholder="Password" required/>
                </div>

                <a href="https://www.hiredemo.zobsi.com/password/reset" class="forgot-password">Forgot Password?</a>
                
                <button id="login-button" class="button full-width button-sliding-icon ripple-effect" type="submit" name="submit">
                    Login <i class="icon-feather-arrow-right"></i>
                </button>
            </form>
        </div>
    </div>
</div>



<!-- Add JavaScript for Demo Login -->
<div class="cookieConsentContainer">
    <div class="cookieTitle">
        <h3>Cookies</h3>
    </div>
    <div class="cookieDesc">
        <p>This website uses cookies to ensure you get the best experience on our website.
                            <a href="https://zobsi.com/page/privacy-policy-for-zobsi-com">Cookie Policy</a>
                    </p>
    </div>
    <div class="cookieButton">
        <a href="javascript:void(0)" class="button cookieAcceptButton">Accept</a>
    </div>
</div>




<script>
    "use strict";
    var siteurl = "https:\/\/www.hiredemo.zobsi.com";
    var ajaxurl = "https:\/\/www.hiredemo.zobsi.com\/ajaxurl";
    var themecolor = "#6b76ff";
    var LANG_LOGGED_IN_SUCCESS = "Logged in successfully";
    var LANG_DEVELOPED_BY = "Developed by";
    var DEVELOPER_CREDIT = 0;
    var LIVE_CHAT = null;

    if ($("body").hasClass("rtl")) {
        var rtl = true;
    }else{
        var rtl = false;
    }
</script>

<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/vendor/modernizr-3.6.0.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/vendor/bootstrap.bundle.min.js"></script>

<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/plugins/waypoints.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/plugins/wow.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/plugins/magnific-popup.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/plugins/perfect-scrollbar.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/plugins/select2.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/plugins/isotope.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/plugins/scrollup.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/plugins/swiper-bundle.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/noUISlider.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/slider.js"></script>

<!-- Template JS -->
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/main.js?v=1.0"></script>

 
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/jquery.lazyload.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/jquery.lazyload.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/mmenu.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/tippy.all.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/bootstrap-select.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/magnific-popup.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/jquery.cookie.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/jquery.nicescroll.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/slick.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/assets/global/plugins/snackbar/snackbar.min.js"></script>
<script>
function loadGoogleMaps() {
    const script = document.createElement('script');
    script.src = '//maps.google.com/maps/api/js?key=AIzaSyD_3PGILCvtrITX2K1-g51y-HgngM24sAo&libraries=places,geometry&ver=2.2.1&callback=initMap&loading=async';
    script.async = true;
    script.defer = true;
    document.head.appendChild(script);
}

function initMap() {
    // Your map initialization code here
    // This function will be called when Google Maps loads
    console.log('Google Maps loaded successfully');
}

// Load Google Maps when needed or on page load
document.addEventListener('DOMContentLoaded', function() {
    loadGoogleMaps();
});
</script>




<script>
document.addEventListener('DOMContentLoaded', function() {
    // Demo login functionality
    const demoButtons = document.querySelectorAll('.demo-login-btn');
    
    demoButtons.forEach(button => {
        button.addEventListener('click', function() {
            const username = this.getAttribute('data-username');
            const password = this.getAttribute('data-password');
            
            // Fill the form fields
            document.getElementById('username').value = username;
            document.getElementById('password').value = password;
            
        });
    });
    
    // Reset button state if user cancels
    document.addEventListener('click', function(e) {
        if (e.target.closest('.mfp-close') || e.target.classList.contains('mfp-close')) {
            const loginBtn = document.getElementById('login-button');
            loginBtn.innerHTML = 'Login <i class="icon-feather-arrow-right"></i>';
            loginBtn.disabled = false;
        }
    });
});
</script>
<!--Custom JS-->
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/custom.js?ver=1.3"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/app.js?ver=1.3"></script>
<script src="https://www.hiredemo.zobsi.com/assets/templates/thenext-theme/assets/js/user-ajax.js?ver=1.3"></script>
<script>
$(function() {
    function timeAgo(dateString) {
        let date = new Date(dateString);
        let seconds = Math.floor((new Date() - date) / 1000);

        let intervals = [
            { label: 'year', seconds: 31536000 },
            { label: 'month', seconds: 2592000 },
            { label: 'week', seconds: 604800 },
            { label: 'day', seconds: 86400 },
            { label: 'hour', seconds: 3600 },
            { label: 'minute', seconds: 60 },
            { label: 'second', seconds: 1 }
        ];

        for (let i of intervals) {
            let count = Math.floor(seconds / i.seconds);
            if (count >= 1) {
                return count + ' ' + i.label + (count > 1 ? 's' : '') + ' ago';
            }
        }
        return 'just now';
    }

    function loadJobAlerts() {
    $.get("https://www.hiredemo.zobsi.com/job-alerts/fetch", function(data) {
        let container = $("#alerts-container");

        // unread count from response
        $("#alert-count").text(data.unread_count);

        let alerts = data.alerts; // actual alerts array
        container.empty();

        if (alerts.length === 0) {
            container.append('<p class="text-center mt-2" style="padding: 10px;">No Job Alerts</p>');
        } else {
            alerts.forEach(alert => {
                container.append(`
                    <div class="alert-item mb-2 p-2 border rounded">
                        <ul class="user-menu-small-nav">
                            <li style="${alert.is_read == 1 ? 'opacity: 0.5;' : 'opacity: 1;'}">
                                <a href="${alert.link}" class="mark-alert-read d-flex justify-content-between align-items-center" 
                                    style="font-size: 15px;" data-id="${alert.id}">
                                    <div>
                                        <i class="fa fa-suitcase"></i> ${alert.title}
                                    </div>
                                    <span style="font-size: 12px; color: #888;">
                                        <i class="fa fa-clock" style="font-size: 12px; color: #888;"></i> ${timeAgo(alert.created_at)}
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                `);
            });
        }
        });
    }


    // mark alert as read when clicked
    $(document).on("click", ".mark-alert-read", function(e) {
        let id = $(this).data("id");
        $.post("https://www.hiredemo.zobsi.com/jobalerts/read", {
            _token: "PQ5AyxSVIEciGvmHh8fTndQksxLWVF6yVEt1Ausm",
            id: id
        }, function() {
            loadJobAlerts();
        });
    });
    });
</script>

<!-- /# QuickChat Plugin-->
    <script>
    "use strict";
            var session_uname = '';
        var session_uid = '';
        var session_img = '';
        
    //Uploader
    var LANG_JUST_NOW = "Just Now";
    var LANG_PREVIEW = "Preview";
    var LANG_SEND = "Send";
    var LANG_FILENAME = "Filename";
    var LANG_STATUS = "Status";
    var LANG_SIZE = "Size";
    var LANG_DRAG_FILES_HERE = "Drag File Here";
    var LANG_STOP_UPLOAD = "Stop Upload";
    var LANG_ADD_FILES = "Add Files";
    var LANG_TYPE_A_MESSAGE = "Type a message";
    var LANG_ADD_FILES_TEXT = "Add files text";
    //Chat
    var LANG_CHATS = "Chats";
    var LANG_NO_MSG_FOUND = "No message found";
    var LANG_ONLINE = "Online";
    var LANG_OFFLINE = "Offline";
    var LANG_TYPING = "Typing...";
    var LANG_GOT_MESSAGE = "Got message";
    var LANG_ENABLE_CHAT_YOURSELF = "Could not able to chat yourself.";

    const BASE_URL = "https://www.hiredemo.zobsi.com/admin";
    const QUICKCHAT_AJAXURL = "https:\/\/www.hiredemo.zobsi.com\/quickchat-ajaxurl";

    const audioogg_path = "https:\/\/www.hiredemo.zobsi.com\/core\/plugins\/quickchatajax\/assets\/audio\/chat.ogg";
    const audiomp3_path = "https:\/\/www.hiredemo.zobsi.com\/core\/plugins\/quickchatajax\/assets\/audio\/chat.mp3";

    const emojione_imagePathPNG = "https:\/\/www.hiredemo.zobsi.com\/core\/plugins\/quickchatajax\/assets\/plugins\/smiley\/assets\/png";
    const emojione_imagePathSVG = "https:\/\/www.hiredemo.zobsi.com\/core\/plugins\/quickchatajax\/assets\/plugins\/smiley\/assets\/svg";

</script>
<link rel="stylesheet" href="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/chatcss/chatbox.css">
<div id="quickchat-rtl"></div>
<script>
    if ($("body").hasClass("rtl")) {
        $('#quickchat-rtl').append('<link rel="stylesheet" type="text/css" href="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/chatcss/chatbox-rtl.css">');
        var rtl = true;
    }else{
        var rtl = false;
    }
</script>
<script src="https://www.hiredemo.zobsi.com/assets/global/js/jquery-ui.min.js"></script>

<script src="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/plugins/smiley/js/emojione.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/plugins/smiley/smiley.js"></script>
<script src="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/chatjs/lightbox.js"></script>
<script src="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/chatjs/chatbox.js"></script>
<script src="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/chatjs/chatbox_custom.js"></script>
<script src="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/plugins/uploader/plupload.full.min.js"></script>
<script src="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/plugins/uploader/jquery.ui.plupload/jquery.ui.plupload.js"></script>

<table id="lightbox" style="display: none;height: 100%">
    <tr>
        <td height="10px">
            <p>
                <img src="https://www.hiredemo.zobsi.com/core/plugins/quickchatajax/assets/plugins/images/close-icon-white.png" width="30px" style="cursor: pointer"/>
            </p>
        </td>
    </tr>
    <tr><td valign="middle"><div id="content"><img src="#"/></div></td></tr>
</table>
<!-- /# QuickChat Plugin-->
 
</body>
</html>