Check server response of

Server response
NS records
Whois domain
Response headers
Request headers
Raw HTML code
301 Moved Permanently - fynth.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 17 May 2025 02:12:09 GMT
Server: Apache/2.4.52 (Ubuntu)
Location: https://www.fynth.com/
Content-Length: 306
Content-Type: text/html; charset=iso-8859-1

HTTP Code 301 Moved Permanently

301 Moved Permanently means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.

When is Code 301 used?

  • When changing a website domain
  • When modifying URL structures
  • When setting up redirects for SEO

What does Code 301 mean for the user?

The browser will automatically redirect the user to the new address, and search engines will update their indexes.

200 OK - https://fynth.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 17 May 2025 02:12:10 GMT
Server: Apache/2.4.52 (Ubuntu)
Cache-Control: no-cache, private
Set-Cookie: XSRF-TOKEN=eyJpdiI6ImZWZkhYVmFYSG5sVDdYQ2NtbVJOZkE9PSIsInZhbHVlIjoieTFsVmY3T09uRCt6ZG1CZC9Gem50a00yQVQwYU5xdWlwTkZVcW9jbTRQWGhtdi9ObnhHbEdoTHV4ZHJDYkNWV2pzMVNTeTJsT3JUc3VzdjNQN2dWSUYzMlJERG9UVjdsN0dlR2pFdVRhWGZPOEF5SElPcU9OZHZoZVY2Wll3dkciLCJtYWMiOiI2MjYxZTkzNTExYjIzZWVlNzNmYzk3ZmI0NmVjYjM5YjcxMzlmNWY1NDc1OTg5ZjI4ODk4MTNhOGExYTUwN2U1IiwidGFnIjoiIn0%3D; expires=Sat, 17 May 2025 04:12:10 GMT; Max-Age=7200; path=/; samesite=lax
Set-Cookie: fynthcom_session=eyJpdiI6ImVTTVRaM2pmdnRmd2dKZTlJUThwd0E9PSIsInZhbHVlIjoiQTBIbE44R2pCYnYxWDloVk9SeSszdm1ZeGVSekRHUktpMXNzN09wVHJnYTE1TUFMVndueVNKUktsdWU5Wnl4dUVrdG5LcE5yZ0Z2MWxnSmhiVlVOS0UvbHZzaHkrQVFTRHlaQXB0MDFmczdUdkRKUkw1N0tjU21DSlB5RFArOVIiLCJtYWMiOiI2MWVjZmRiMTFlZmUwZjU4NzA4NTBlZGYyOTM2MTc0NzcxNzA2OTMyMDAyZTI0ZjA2YzYyYWY0NDgwNzFiZTM5IiwidGFnIjoiIn0%3D; expires=Sat, 17 May 2025 04:12:10 GMT; Max-Age=7200; path=/; httponly; samesite=lax
Vary: Accept-Encoding
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8

HTTP Code 200 OK

200 OK is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

  • When loading a web page
  • When successfully receiving an API response
  • When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: fynth.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz">

    <title>Fynth-HRMS</title>


        <link href="https://www.fynth.com/plugins/select2/css/select2.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="https://www.fynth.com/plugins/jQuery-confirm-master/jquery-confirm.min.css?v=3.6">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css">
    
    <link rel="preload" as="style" href="https://www.fynth.com/build/assets/hrms-4606b1f4.css" /><link rel="modulepreload" href="https://www.fynth.com/build/assets/app-24e7ff78.js" /><link rel="stylesheet" href="https://www.fynth.com/build/assets/hrms-4606b1f4.css" /><script type="module" src="https://www.fynth.com/build/assets/app-24e7ff78.js"></script>
</head>
<body data-bs-spy="scroll">
<div class="body-wrapper">
    <header>
    <nav class="navbar navbar-inverse navbar-expand-lg">
        <div class="container">
            <a class="navbar-brand fw-bold" href="https://www.fynth.com">
                <img src="https://www.fynth.com/images/logo.png" width="100%" height="100%" alt="logo">
            </a>
            <button type="button" class="navbar-toggle" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="https://www.fynth.com">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                           data-bs-toggle="dropdown" aria-expanded="false">
                            Product
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <li><a class="dropdown-item" href="https://www.fynth.com/hrms">Fynth HRMS</a></li>
                            <li><a class="dropdown-item" href="https://www.fynth.com/ats">Fynth ATS</a></li>
                            <span class="dropup">
                                <span class="caret"></span>
                            </span>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                           data-bs-toggle="dropdown" aria-expanded="false">
                            Features
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <li><a class="dropdown-item" href="https://www.fynth.com/hrms">Fynth HRMS</a></li>
                            <li><a class="dropdown-item" href="https://www.fynth.com/ats#features">Fynth ATS</a></li>
                            <span class="dropup">
                                <span class="caret"></span>
                            </span>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll-to-position" href="#services">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll-to-position" href="#contact">Contact</a>
                    </li>
                    <li class="nav-item d-flex d-md-flex d-lg-none d-xl-none">
                        <a class="nav-link" data-bs-toggle="modal" data-bs-target="#register">Contact Sales</a>
                    </li>
                    <li class="nav-item d-flex d-md-flex d-lg-none d-xl-none">

                        <a class="nav-link start-free-trial-btn" >Start a free trial</a>
                    </li>
                </ul>
                <div class="navbar-buttons d-none d-lg-block d-xl-block" role="search">
                    <button data-bs-toggle="modal" data-bs-target="#register" class="btn btn-primary-default">Contact
                        Sales
                    </button>
                </div>
                <div class="navbar-buttons d-none d-lg-block d-xl-block" role="search">



                    <a  class="btn btn-primary start-free-trial-btn">Start a free
                        trial
                    </a>
                </div>
            </div>
        </div>
    </nav>
</header>

    <main class="content-wrapper">
            <div class="home-page">
        <section class="hero one">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 hero-text-wrapper">
                        <div>
                            <h1>Your all-in-one HR software solution for Employee – Hire to Retire Management</h1>
                            <div class="row">
                                <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 p-0 ul-wrapper">
                                    <ul>
                                        <li><span class="fy-stop"></span>Employee master</li>
                                        <li><span class="fy-stop"></span>Payroll & WPS</li>
                                        <li><span class="fy-stop"></span>Leave Management</li>
                                        <li><span class="fy-stop"></span>Attendance & Shift Management</li>
                                    </ul>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 p-0 ul-wrapper">
                                    <ul>
                                        <li><span class="fy-stop"></span>Gratuity & End of Service</li>
                                        <li><span class="fy-stop"></span>Employee Self Service</li>
                                        <li><span class="fy-stop"></span>Asset Management</li>
                                        <li><span class="fy-stop"></span>HR Helpdesk & Mobile App</li>
                                    </ul>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 p-0 ul-wrapper">
                                    <ul>
                                        <li><span class="fy-stop"></span>Recruitment Management</li>
                                        <li><span class="fy-stop"></span>HR Digital Forms</li>
                                        <li><span class="fy-stop"></span>HR Cost Center</li>
                                        <li><span class="fy-stop"></span>Customized Master & Reporting Center</li>
                                    </ul>
                                </div>
                            </div>
                            <a class="btn btn-primary-dark ml-5 mb-5 start-free-trial-btn" >Start a free trial</a>
                            
                            
                            
                            <button data-bs-toggle="modal" data-bs-target="#register" class="btn btn-primary ml-5 mb-5">Contact Sales</button>
                            <a href="#features" class="btn btn-primary-light ml-5 mb-5 scroll-to-position">App Features</a>
                            <a href="#pricing" class="btn btn-primary-lighter ml-5 mb-5 scroll-to-position">Our Pricing</a>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12 img-outer-wrapper">
                        <div class="img-wrapper">
                            <img src="https://www.fynth.com/images/hrms/hero-image.webp" width="100%" height="100%"
                                 class="img-fluid"
                                 alt="hero-img">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="workforce-management two">
            <div class="container">
                <div class="row text-center justify-content-md-center">
                    <div class="col-xl-8 col-lg-10 col-md-10">
                        <h2>Simplify your HR processes and make better decisions with our comprehensive <span>workforce management</span>
                            platform</h2>
                    </div>
                </div>
            </div>
        </section>

        <section id="features" class="whyFynth three">
            <div class="container">
                <div class="row text-center">
                    <h2>Why FYNTH?</h2>
                </div>
                <div class="row" id="accordionWhyFynth">
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>01</span>
                                <div class="content-wrapper">
                                    <div class="title-text" type="button" data-bs-target="#FY_collapseOne"
                                         aria-expanded="true" aria-controls="FY_collapseOne" aria-labelledby="FY_collapseOne">
                                        Recruit, onboard, and manage employees seamlessly
                                    </div>
                                    <div id="FY_collapseOne" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>FYNTH provides a centralized data source that streamlines your entire
                                            employee
                                            lifecycle.
                                            From recruitment to onboarding, you can easily manage all aspects of your
                                            workforce
                                            in
                                            one place. Say goodbye to manual paperwork and hello to streamlined
                                            processes.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>02</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseTwo"
                                         aria-expanded="false" aria-controls="FY_collapseTwo" aria-labelledby="FY_collapseTwo">Manage your employee HR
                                        documents
                                    </div>
                                    <div id="FY_collapseTwo" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>You can securely store all your employee HR documents in one centralized
                                            location. No
                                            more searching through stacks of papers or worrying about misplaced files
                                            and
                                            allowing
                                            you to retrieve and manage important files on the go, whether you're in the
                                            office or
                                            working remotely.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>03</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseThree"
                                         aria-expanded="false" aria-controls="FY_collapseThree" aria-labelledby="FY_collapseThree">Simplify visa processes
                                        for
                                        employees
                                    </div>
                                    <div id="FY_collapseThree" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>With FYNTH, you can effortlessly navigate the complexities of visa processing
                                            for
                                            your
                                            employees. Our platform ensures a smooth and efficient process, saving you
                                            time
                                            and
                                            resources.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>04</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseFour"
                                         aria-expanded="false" aria-controls="FY_collapseFour" aria-labelledby="FY_collapseFour">Effortlessly manage
                                        Leave,
                                        attendance, shifts, Absence
                                    </div>
                                    <div id="FY_collapseFour" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>Say goodbye to manual attendance tracking and shift scheduling. FYNTH
                                            automates
                                            these
                                            processes, making it easy to manage employee schedules and track attendance.
                                            Additionally, our leave management system simplifies the process of
                                            requesting
                                            and
                                            approving time off.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>05</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseFive"
                                         aria-expanded="false" aria-controls="FY_collapseFive" aria-labelledby="FY_collapseFive">Streamline Payroll
                                        processing
                                        with ease
                                    </div>
                                    <div id="FY_collapseFive" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>FYNTH takes the hassle out of payroll processing. Our platform automates
                                            calculations,
                                            deductions, and tax filings, ensuring accurate and timely payments for your
                                            employees.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>06</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseSix"
                                         aria-expanded="false" aria-controls="FY_collapseSix" aria-labelledby="FY_collapseSix">Manage Your End of Service
                                        Settlement and Gratuity
                                    </div>
                                    <div id="FY_collapseSix" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>With FYNTH, you can say goodbye to the complexities of calculating your end
                                            of
                                            service
                                            settlement and gratuity. Our user-friendly platform simplifies the entire
                                            process,
                                            ensuring accuracy and transparency every step of the way.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>07</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseSeven"
                                         aria-expanded="false" aria-controls="FY_collapseSeven" aria-labelledby="FY_collapseSeven">Simplify disciplinary
                                        actions with warning letters
                                    </div>
                                    <div id="FY_collapseSeven" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>FYNTH simplifies the process of issuing warning letters. Our pre-built
                                            templates
                                            ensure
                                            consistency and compliance while saving you time. Effectively communicate
                                            expectations,
                                            address performance issues, and maintain a record of disciplinary
                                            actions.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>08</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseEight"
                                         aria-expanded="false" aria-controls="FY_collapseEight" aria-labelledby="FY_collapseEight">Nurture talent through
                                        promotions and increments
                                    </div>
                                    <div id="FY_collapseEight" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>FYNTH's Promotions and Increments feature enables you to recognize and reward
                                            deserving
                                            employees. Easily manage the entire process, from evaluating eligibility to
                                            generating
                                            promotion letters or updating salary details. Keep your team motivated and
                                            engaged
                                            by
                                            acknowledging their hard work.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>09</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseNine"
                                         aria-expanded="false" aria-controls="FY_collapseNine" aria-labelledby="FY_collapseNine">Empower employees with
                                        self-service capabilities
                                    </div>
                                    <div id="FY_collapseNine" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>Give your employees control over their own information with our self-service
                                            portal.
                                            They
                                            can access their pay stubs, update personal details, request time off, and
                                            more
                                            -
                                            saving
                                            both time and administrative effort.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>10</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseTen"
                                         aria-expanded="false" aria-controls="FY_collapseTen" aria-labelledby="FY_collapseTen">Simplify HR-Asset
                                        management
                                    </div>
                                    <div id="FY_collapseTen" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>Keep track of your company's assets with FYNTH's HR-Asset management feature.
                                            From
                                            laptops to company vehicles, easily manage and assign assets to employees,
                                            ensuring
                                            accountability and efficient asset utilization.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>11</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseEleven"
                                         aria-expanded="false" aria-controls="FY_collapseEleven" aria-labelledby="FY_collapseEleven">Make data-driven
                                        decisions
                                        with actionable insights
                                    </div>
                                    <div id="FY_collapseEleven" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>FYNTH provides powerful dashboard, analytics and reporting capabilities,
                                            giving
                                            you
                                            valuable insights into your workforce. Make informed decisions based on
                                            real-time
                                            data,
                                            improving productivity and driving business growth.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <span>12</span>
                                <div class="content-wrapper">
                                    <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseTwelve"
                                         aria-expanded="false" aria-controls="FY_collapseTwelve" aria-labelledby="FY_collapseTwelve">Gain valuable insights
                                        with
                                        HR reporting and dashboards
                                    </div>
                                    <div id="FY_collapseTwelve" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionWhyFynth">
                                        <p>FYNTH provides comprehensive reporting and features that give you real-time
                                            insights
                                            into
                                            your HR metrics. Make data-driven decisions and track key performance
                                            indicators
                                            effortlessly.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="services" class="solutions four">
            <div class="container">
                <div class="row text-center justify-content-md-center">
                    <div class="col-xl-6 col-lg-7 col-md-10">
                        <h2>Powerful Solutions for Your HR Department Needs</h2>
                        <p class="text">Uniquely network business experiences for resource sucking solutions.
                            Dynamically
                            re-engineer
                            cooperative networks via cross-media expertise.</p>
                    </div>
                </div>
                <div class="row" id="accordionSolutions">
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseOne"
                                     aria-expanded="true" aria-controls="Solutions_collapseOne" aria-labelledby="Solutions_collapseOne">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/employee-master.png" alt="employee master">
                                        <div class="title-text">Employee Master</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseOne" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Manage employee</li>
                                            <li>Dependents</li>
                                            <li>Status change</li>
                                            <li>Notifications</li>
                                            <li>Employee documentation</li>
                                            <li>Know your organization structure</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#employee-master">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseTwo"
                                     aria-expanded="true" aria-controls="Solutions_collapseTwo" aria-labelledby="Solutions_collapseTwo">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/payroll-wps.png" alt="Payroll & WPS">
                                        <div class="title-text">Payroll & WPS</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseTwo" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Process payroll</li>
                                            <li>Loan & advance management</li>
                                            <li>Generate pay slip & forward</li>
                                            <li>Track paid & unpaid payroll</li>
                                            <li>Automatic WPS generation</li>
                                            <li>Airfare calculation</li>
                                            <li>Accounting interface</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#payroll_wps">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseThree"
                                     aria-expanded="true" aria-controls="Solutions_collapseThree" aria-labelledby="Solutions_collapseThree">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/employee-master.png"
                                             alt="Leave Management">
                                        <div class="title-text">Leave Management</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseThree" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Record leaves</li>
                                            <li>Leave tracking</li>
                                            <li>Leave integration</li>
                                            <li>Airfare policy</li>
                                            <li>Leave allocation and compensation policies</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#leave_management">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseFour"
                                     aria-expanded="true" aria-controls="Solutions_collapseFour" aria-labelledby="Solutions_collapseFour">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/attendance.png"
                                             alt="Attendance & Shift Management">
                                        <div class="title-text">Attendance & Shift Management</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseFour" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Define and manage rules</li>
                                            <li>Highly configurable policies</li>
                                            <li>Absence scheduler</li>
                                            <li>Attendance device integration</li>
                                            <li>Timesheet</li>
                                            <li>Reporting</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#attendance_shift">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseFive"
                                     aria-expanded="true" aria-controls="Solutions_collapseFive" aria-labelledby="Solutions_collapseFive">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/gratuity.png"
                                             alt="Gratuity & End of Service">
                                        <div class="title-text">Gratuity & End of Service</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseFive" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Automated Calculations</li>
                                            <li>Customizable Rules</li>
                                            <li>Payment Integration</li>
                                            <li>Provision and Liability Reporting</li>
                                            <li>Approval Workflow</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#gratuity_EOS">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseSix"
                                     aria-expanded="true" aria-controls="Solutions_collapseSix" aria-labelledby="Solutions_collapseSix">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/employee-service.png" alt="Employee
                                Self Service">
                                        <div class="title-text">Employee
                                            Self Service
                                        </div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseSix" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>General activities</li>
                                            <li>Request tracking</li>
                                            <li>Policies and notifications</li>
                                            <li>Electronic information</li>
                                            <li>Asset information</li>
                                            <li>Access anywhere</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#employee_self_service">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseSeven"
                                     aria-expanded="true" aria-controls="Solutions_collapseSeven" aria-labelledby="Solutions_collapseSeven">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/asset-management.png"
                                             alt="Asset Management">
                                        <div class="title-text">Asset Management</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseSeven" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Record assets</li>
                                            <li>Asset allocation</li>
                                            <li>Asset maintenance</li>
                                            <li>Asset history</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#asset_management">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseEight"
                                     aria-expanded="true" aria-controls="Solutions_collapseEight" aria-labelledby="Solutions_collapseEight">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/hr-helpdesk.png"
                                             alt="HR Helpdesk & Mobile App">
                                        <div class="title-text">HR Helpdesk & Mobile App.</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseEight" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>24/7 Employee Support</li>
                                            <li>Mobile Accessibility</li>
                                            <li>Ticket Tracking</li>
                                            <li>Knowledge Base Integration</li>
                                            <li>Push Notifications</li>
                                            <li>Self-Service Options</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#HR_helpdesk">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseNine"
                                     aria-expanded="true" aria-controls="Solutions_collapseNine" aria-labelledby="Solutions_collapseNine">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/custom-schedule.png"
                                             alt="Custom & Scheduled Report">
                                        <div class="title-text">Custom & Scheduled Report</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseNine" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Custom Report Creation</li>
                                            <li>Automated Scheduling</li>
                                            <li>Data Integration</li>
                                            <li>Access Control</li>
                                            <li>Export and Sharing Options</li>
                                            <li>Report Distribution Management</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#custom_schedule_report">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseTen"
                                     aria-expanded="true" aria-controls="Solutions_collapseTen" aria-labelledby="Solutions_collapseTen">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/hr-digital-form.png"
                                             alt="HR Digital Forms">
                                        <div class="title-text">HR
                                            Digital Forms
                                        </div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseTen" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Automated Form Generation</li>
                                            <li>Digital Signatures</li>
                                            <li>Self-Service Access</li>
                                            <li>Document Management</li>
                                            <li>Compliance and Reporting</li>
                                            <li>Form Customization</li>
                                            <li>Data Security and Access Controls</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#HR_digital_forms">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseEleven"
                                     aria-expanded="true" aria-controls="Solutions_collapseEleven" aria-labelledby="Solutions_collapseEleven">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/hr-cost-center.png" alt="HR Cost Center">
                                        <div class="title-text">HR
                                            Cost Center
                                        </div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseEleven" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Financial Tracking and Reporting: </li>
                                            <li>Departmental Expense Allocation</li>
                                            <li>Budget Forecasting and Analysis</li>
                                            <li>Integration with Payroll and Accounting</li>
                                            <li>Customizable Access Controls</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#HR_cost_center">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper">
                        <div class="box">
                            <div class="box-body">
                                <div class="box-header-wrapper collapsed" type="button"
                                     data-bs-target="#Solutions_collapseTwelve"
                                     aria-expanded="true" aria-controls="Solutions_collapseTwelve" aria-labelledby="Solutions_collapseTwelve">
                                    <div class="box-header">
                                        <img src="https://www.fynth.com/images/hrms/recruit-management.png"
                                             alt="Recruitment Management">
                                        <div class="title-text">Recruitment Management</div>
                                    </div>
                                    <span class="fy-chevron-down"></span>
                                </div>
                                <div id="Solutions_collapseTwelve" class="accordion-collapse collapse features"
                                     data-bs-parent="#accordionSolutions">
                                    <div class="features">
                                        <ul>
                                            <li>Job Posting and Distribution</li>
                                            <li>Applicant Tracking System (ATS)</li>
                                            <li>Candidate Screening and Assessment</li>
                                            <li>Interview Scheduling</li>
                                            <li>Collaborative Hiring</li>
                                            <li>Offer Management</li>
                                        </ul>
                                    </div>
                                    <a class="scroll-to-position" href="https://www.fynth.com/hrms#recruitment_management">Lean more<i class="fy-arrow-up-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <section id="pricing" class="pricing five">
            <div class="container">
                <div class="row text-center justify-content-md-center">
                    <div class="col-xl-6 col-lg-7 col-md-10">
                        <h2>Our Pricing & Plans</h2>
                        <p class="text">A thorough review of your current processes can reveal inefficiencies and
                            pinpoint
                            where productivity is lacking, or where operations</p>
                    </div>
                </div>
                <div class="row justify-content-center plans-wrapper">
                    <div class="col-xl-8 col-lg-10 col-md-12">
                        <div class="row mb-4">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 plan-head">
                                Initial Implementation & Training
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12"><span>AED 9,000</span></div>
                        </div>
                        <div class="row mb-4">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 plan-head">
                                Monthly Subscription
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12"><span>AED 18/ Employee</span></div>
                        </div>
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 text-center pt-4 plan-description">
                                <p>*Minimum monthly Base Price of 900 AED is applicable for companies having less than
                                    50
                                    Employees. Monthly subscription charges are applicable for companies with more than
                                    50
                                    Employees.</p>
                                <a href="#" class="btn btn-primary">Know your price</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="faq six">
            <div class="container">
                <div class="row text-center justify-content-md-center">
                    <div class="col-xl-6 col-lg-7 col-md-10">
                        <h2>Frequently Asked Questions</h2>
                        <p class="text">A thorough review of your current processes can reveal inefficiencies and
                            pinpoint
                            where productivity is lacking, or where operations</p>
                    </div>
                </div>
                <div class="row justify-content-center faq-wrapper">
                    <div class="col-xl-8 col-lg-10 col-md-12">
                        <ul class="nav nav-pills nav-fill mb-3" id="ex1" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button
                                    class="nav-link active"
                                    id="ex3-tab-1"
                                    data-bs-toggle="tab"
                                    href="#ex3-tabs-1"
                                    role="tab"
                                    aria-controls="ex3-tabs-1"
                                    aria-selected="true"
                                >HR 365
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button
                                    class="nav-link"
                                    id="ex3-tab-2"
                                    data-bs-toggle="tab"
                                    href="#ex3-tabs-2"
                                    role="tab"
                                    aria-controls="ex3-tabs-2"
                                    aria-selected="false"
                                >Employee
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button
                                    class="nav-link"
                                    id="ex3-tab-3"
                                    data-bs-toggle="tab"
                                    href="#ex3-tabs-3"
                                    role="tab"
                                    aria-controls="ex3-tabs-3"
                                    aria-selected="false"
                                >PAYROLL & WPS
                                </button>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane fade show active"
                             id="ex3-tabs-1"
                             role="tabpanel"
                             aria-labelledby="ex3-tab-1">
                            <div class="row">
                                <div class="col-lg-6 col-md-12 text-center mb-3">
                                    <img src="https://www.fynth.com/images/hrms/tab1-content.png" class="img-fluid"
                                         alt="tab1-img">
                                </div>
                                <div class="col-lg-6 col-md-12">
                                    <div class="accordion" id="accordionHR">
                                        <div class="accordion-item">

                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseOne" aria-expanded="true"
                                                    aria-controls="collapseOne">
                                                What is HR365?<span class="fy-minus-circle"></span>
                                            </button>
                                            <div id="collapseOne" class="accordion-collapse collapse show"
                                                 data-bs-parent="#accordionHR">
                                                <div class="accordion-body">
                                                    <p>HR365 is a fully functional and user-friendly cloud based human
                                                        resource management software that manages employee information
                                                        from
                                                        recruitment to onboard till separation process. It keeps track
                                                        of
                                                        every details from recruitment, attendance, leave, payroll,
                                                        document
                                                        and asset management. </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                    aria-expanded="false" aria-controls="collapseTwo">
                                                How does HR365 work and do they help me in making my business
                                                better?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseTwo" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionHR">
                                                <div class="accordion-body">
                                                    <p><strong>This is the second item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                                    aria-expanded="false" aria-controls="collapseThree">
                                                How does HR365 work and do they help me in making my business
                                                better?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseThree" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionHR">
                                                <div class="accordion-body">
                                                    <p><strong>This is the third item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseFour"
                                                    aria-expanded="false" aria-controls="collapseFour">
                                                Do you offer any discount?<span class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseFour" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionHR">
                                                <div class="accordion-body">
                                                    <p><strong>This is the fourth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseFive"
                                                    aria-expanded="false" aria-controls="collapseFive">
                                                Do you provide technical support and maintenance?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseFive" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionHR">
                                                <div class="accordion-body">
                                                    <p><strong>This is the fifth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseSix"
                                                    aria-expanded="false" aria-controls="collapseSix">
                                                Do you provide technical support and maintenance?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseSix" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionHR">
                                                <div class="accordion-body">
                                                    <p><strong>This is the sixth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="ex3-tabs-2" role="tabpanel" aria-labelledby="ex3-tab-2">
                            <div class="row">
                                <div class="col-lg-6 col-md-12 text-center mb-3">
                                    <img src="https://www.fynth.com/images/hrms/tab1-content.png" class="img-fluid"
                                         alt="tab1-img">
                                </div>
                                <div class="col-lg-6 col-md-12">
                                    <div class="accordion" id="accordionEmp">
                                        <div class="accordion-item">

                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseOne" aria-expanded="true"
                                                    aria-controls="collapseOne">
                                                What is HR365?<span class="fy-minus-circle"></span>
                                            </button>
                                            <div id="collapseOne" class="accordion-collapse collapse show"
                                                 data-bs-parent="#accordionEmp">
                                                <div class="accordion-body">
                                                    <p>HR365 is a fully functional and user-friendly cloud based human
                                                        resource management software that manages employee information
                                                        from
                                                        recruitment to onboard till separation process. It keeps track
                                                        of
                                                        every details from recruitment, attendance, leave, payroll,
                                                        document
                                                        and asset management. </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                    aria-expanded="false" aria-controls="collapseTwo">
                                                How does HR365 work and do they help me in making my business
                                                better?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseTwo" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionEmp">
                                                <div class="accordion-body">
                                                    <p><strong>This is the second item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                                    aria-expanded="false" aria-controls="collapseThree">
                                                How does HR365 work and do they help me in making my business
                                                better?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseThree" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionEmp">
                                                <div class="accordion-body">
                                                    <p><strong>This is the third item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseFour"
                                                    aria-expanded="false" aria-controls="collapseFour">
                                                Do you offer any discount?<span class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseFour" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionEmp">
                                                <div class="accordion-body">
                                                    <p><strong>This is the fourth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseFive"
                                                    aria-expanded="false" aria-controls="collapseFive">
                                                Do you provide technical support and maintenance?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseFive" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionEmp">
                                                <div class="accordion-body">
                                                    <p><strong>This is the fifth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseSix"
                                                    aria-expanded="false" aria-controls="collapseSix">
                                                Do you provide technical support and maintenance?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseSix" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionEmp">
                                                <div class="accordion-body">
                                                    <p><strong>This is the sixth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="ex3-tabs-3" role="tabpanel" aria-labelledby="ex3-tab-3">
                            <div class="row">
                                <div class="col-lg-6 col-md-12 text-center mb-3">
                                    <img src="https://www.fynth.com/images/hrms/tab1-content.png" class="img-fluid"
                                         alt="tab1-img">
                                </div>
                                <div class="col-lg-6 col-md-12">
                                    <div class="accordion" id="accordionWPS">
                                        <div class="accordion-item">

                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseOne" aria-expanded="true"
                                                    aria-controls="collapseOne">
                                                What is HR365?<span class="fy-minus-circle"></span>
                                            </button>
                                            <div id="collapseOne" class="accordion-collapse collapse show"
                                                 data-bs-parent="#accordionWPS">
                                                <div class="accordion-body">
                                                    <p>HR365 is a fully functional and user-friendly cloud based human
                                                        resource management software that manages employee information
                                                        from
                                                        recruitment to onboard till separation process. It keeps track
                                                        of
                                                        every details from recruitment, attendance, leave, payroll,
                                                        document
                                                        and asset management. </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                    aria-expanded="false" aria-controls="collapseTwo">
                                                How does HR365 work and do they help me in making my business
                                                better?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseTwo" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionWPS">
                                                <div class="accordion-body">
                                                    <p><strong>This is the second item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                                    aria-expanded="false" aria-controls="collapseThree">
                                                How does HR365 work and do they help me in making my business
                                                better?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseThree" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionWPS">
                                                <div class="accordion-body">
                                                    <p><strong>This is the third item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseFour"
                                                    aria-expanded="false" aria-controls="collapseFour">
                                                Do you offer any discount?<span class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseFour" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionWPS">
                                                <div class="accordion-body">
                                                    <p><strong>This is the fourth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseFive"
                                                    aria-expanded="false" aria-controls="collapseFive">
                                                Do you provide technical support and maintenance?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseFive" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionWPS">
                                                <div class="accordion-body">
                                                    <p><strong>This is the fifth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseSix"
                                                    aria-expanded="false" aria-controls="collapseSix">
                                                Do you provide technical support and maintenance?<span
                                                    class="fy-plus-circle"></span>
                                            </button>
                                            <div id="collapseSix" class="accordion-collapse collapse"
                                                 data-bs-parent="#accordionWPS">
                                                <div class="accordion-body">
                                                    <p><strong>This is the sixth item's accordion body.</strong> It is
                                                        hidden by default, until the collapse plugin adds the
                                                        appropriate
                                                        classes that we use to style each element. These classes control
                                                        the
                                                        overall appearance, as well as the showing and hiding via CSS
                                                        transitions. You can modify any of this with custom CSS or
                                                        overriding our default variables. It's also worth noting that
                                                        just
                                                        about any HTML can go within the <code>.accordion-body</code>,
                                                        though the transition does limit overflow.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="wayWeDo seven">
            <div class="container">
                <div class="row text-center justify-content-md-center">
                    <div class="col-xl-6 col-lg-7 col-md-10">
                        <h2>The Way We Do It</h2>
                        <p class="text">We develop and implement data-driven marketing strategies to increase our
                            client’s
                            online visibility and boost their ROI</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="box">
                            <img src="https://www.fynth.com/images/hrms/box1.jpg" class="img-fluid" alt="box1-img">
                            <div class="text-wrapper">
                                <div class="title-text">Professional Implementation</div>
                                <p>Expert implementation engineers will work with your HR team to configure your
                                    instance as
                                    per your requirement and agreed deliverables with on board support </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="box">
                            <img src="https://www.fynth.com/images/hrms/box2.jpg" class="img-fluid" alt="box2-img">
                            <div class="text-wrapper">
                                <div class="title-text">Training and Go Live</div>
                                <p>We will provide you formal training with accurate and tested production data. Then
                                    will
                                    run HR and payroll tasks to make sure the accuracy of processed information. </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="box">
                            <img src="https://www.fynth.com/images/hrms/box3.jpg" class="img-fluid" alt="box3-img">
                            <div class="text-wrapper">
                                <div class="title-text">Complete Customer Support</div>
                                <p>We create experience. Maximum resolving of customer queries within first response.
                                    Providing support with expert team well versed in managing queries and giving
                                    resolution. When you need support, we are here.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <section id="contact" class="contact">
    <div class="container">
        <div class="body-bg">
            <div class="row text-center justify-content-md-center">
                <div class="col-xl-12 col-lg-12 col-md-12">
                    <h2>Ready? Let's co-create something great!</h2>
                    <p class="text">In these presentations, you often require 'dummy text' to fill out the places where actual</p>
                    <a href="#" class="btn btn-primary-default">Contact our specialist</a>
                </div>
            </div>
        </div>
    </div>
</section>
    
    <div class="modal fade" id="clone">
    <div class="modal-dialog modal-xl modal-fullscreen-md-down modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <div class="title-wrapper">
                    <h5 class="modal-title">Account Verification</h5>
                </div>
                <button type="button" class="fy-close-solid" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="clone-project-form" action="https://www.fynth.com/clone" method="post" enctype="multipart/form-data">
                <input type="hidden" name="_token" value="VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz">                <input type="hidden" name="customer_id" value="" id="customer_id">
                <div class="modal-body">
                    <p class="text-center verify-message">
                        Your account has been verified successfully!
                    </p>
                    <div class="row">
                        <div>
                            <h5>Configure your account:</h5>
                        </div>
                        <div class="form-group col-xl-3 col-lg-3 col-md-12 col-sm-12 mt-2">
                            <label class="control-label">Logo</label>
                            <input type="file" accept="image/png, image/jpg, image/jpeg" placeholder="Company Logo"
                                   class="dropify form-control" id="company_logo" name="company_logo">
                        </div>
                        <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-xs-12">
                            <div class="row">
                                <div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 mt-2">
                                    <label for="about_company" class="control-label">About Company</label>
                                    <textarea name="about_company" id="about_company" class="form-control" rows="5"></textarea>
                                </div>
                                <div class="form-group col-xl-6 col-lg-6 col-md-6 col-sm-12 mt-2">
                                    <label for="password" class="control-label">Password</label>
                                    <input type="password" name="password" id="password" value=""
                                           placeholder="Enter new Password" class="form-control">
                                </div>
                                <div class="form-group col-xl-6 col-lg-6 col-md-6 col-sm-12 mt-2">
                                    <label for="password_confirmation" class="control-label">Confirm Password</label>
                                    <input type="password" name="password_confirmation" id="password_confirmation" value=""
                                           placeholder="Enter new Password" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Start Now</button>
                </div>
            </form>
        </div>
    </div>
</div>

    </main>
    <footer class="footer">
    <div class="footer-links">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="footer-head">
                        <h4>Product</h4>
                        <ul>
                            <li><a href="javascript:void(0);">Source & attract</a></li>
                            <li><a href="javascript:void(0);">Evaluate & collaborate</a></li>
                            <li><a href="javascript:void(0);">Automate & hire</a></li>
                            <li><a href="javascript:void(0);">Onboard & manage</a></li>
                            <li><a href="javascript:void(0);">Reduce time to hire</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="footer-head">
                        <h4>Platform</h4>
                        <ul>
                            <li><a href="javascript:void(0);">Pricing</a></li>
                            <li><a href="javascript:void(0);">Why FYNTH</a></li>
                            <li><a href="javascript:void(0);">Post a job for free</a></li>
                            <li><a href="javascript:void(0);">Help center</a></li>
                            <li><a href="javascript:void(0);">Partners & integrations</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="footer-head">
                        <h4>Employer resources</h4>
                        <ul>
                            <li><a href="javascript:void(0);">Job descriptions</a></li>
                            <li><a href="javascript:void(0);">Applicant tracking</a></li>
                            <li><a href="javascript:void(0);">Interview questions</a></li>
                            <li><a href="javascript:void(0);">Hiring resources</a></li>
                            <li><a href="javascript:void(0);">Hiring templates</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="footer-head">
                        <h4>FYNTH</h4>
                        <ul>
                            <li><a href="javascript:void(0);">Work with us</a></li>
                            <li><a href="javascript:void(0);">Backstage</a></li>
                            <li><a href="javascript:void(0);">Press</a></li>
                            <li><a href="javascript:void(0);">Contact us</a></li>
                            <li><a href="javascript:void(0);">About</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 d-block d-sm-none d-md-none d-lg-none d-xl-none">
                    <div class="footer-head">
                        <ul>
                            <li><a href="https://www.fynth.com/terms-and-conditions">Terms & conditions</a></li>
                            <li><a href="https://www.fynth.com/privacy-policy">Privacy policy</a></li>
                            <li><a href="javascript:void(0);">Accessibility</a></li>
                            <li><a href="javascript:void(0);">Do not sell my personal information</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pb-10 text-center">
                    <a href="javascript:void(0);"> &copy; www.fynth.com</a>&nbsp;<span id="prevYear">&nbsp;PreviousCopyrightYear</span><i>-</i><span
                        id="currentYear">CurrentCopyrightYear</span>
                </div>
            </div>
        </div>
    </div>
</footer>

<script src="https://www.fynth.com/js/jquery.min.js"></script>
<script>
    // $(document).ready(function(){
    //     if ($(window).width() > 768) {
    //         $('a.nav-link').click(function (e) {
    //             e.preventDefault();
    //             var target = $($(this).attr('href'));
    //             if (target.length) {
    //                 var scrollTo = target.offset().top - 76;
    //                 $('html, body').animate({scrollTop: scrollTo + 'px'}, 800);
    //             }
    //         });
    //     }
    // });
</script>

    <script src="https://www.fynth.com/plugins/select2/js/select2.full.min.js"></script>
    <script>
        $.fn.select2.defaults.set("width", "100%");
        $.fn.select2.defaults.set("minimumInputLength", "0");
        $('select').not('.code').each((i, ele) => {
            let placeholder = $(ele).closest('.form_group').find('.form_label').text();
            if ($(ele).prop('multiple')) {
                $(ele).select2({
                    placeholder: placeholder,
                    closeOnSelect: false,
                    // dropdownParent: $(form)
                });
            } else if ($(ele).attr('noSelect2') == undefined) {
                $(ele).select2({
                    placeholder: placeholder
                });
            }
        }).on('change', function() {
            $this = $(this).closest('.form_group').find('.form_field');
            if ($this.val() != '') {
                $this.closest('.form_group').find('.form_label').removeClass('select_label')
            } else {
                $this.closest('.form_group').find('.form_label').addClass('select_label')
            };
        });

        function select2CheckboxAdder(element) {
            if ($('.select2-container--open .select2-results__options[aria-multiselectable="true"]').length == 1) {
                $('.select2-container--open').addClass('multipleCheckbox')
            }
            return element.text;
        }

        function multipleSelect(id, route, x, y, name, enableAny = false) {
            $.ajax({
                
                method: "GET",
                success: (response) => {
                    $multiple = JSON.parse($(id).attr('data-setMultiple'));
                    if(enableAny == true){
                        $(id).append('<option value="0">Any</option>');
                    }
                    $.each(response, (i, res) => {
                        $(id).append('<option value="' + res['value'] + '">' + res[
                                'text'].trim() +
                            '</option>');
                    })

                    var $element = $(id).select2({
                        placeholder: 'Select a ' + name,
                        templateResult: select2CheckboxAdder,
                        closeOnSelect: false,
                        minimumResultsForSearch: 2,
                        allowClear: true,
                    });
                    if (isset($(id).attr('filter-value')) && isset($(id).attr(
                        'filter-text'))) {
                        var $element = $(id).select2({
                            placeholder: 'Select a ' + name,
                            templateResult: select2CheckboxAdder,
                            closeOnSelect: false,
                            minimumResultsForSearch: 2,
                            allowClear: true,
                            ajax: {
                                url: function(params) {
                                    
                                    
                                },
                                data: function(params, data) {
                                    var filterText = 'default',
                                        filter1Value = 'default',
                                        filterValfn;
                                    filterValfn = $(id).attr('filter-value');
                                    filterText = $(id).attr('filter-text');
                                    filter1Value = $('#' + filterValfn).val();
                                    var query = {
                                        q: params.term,
                                        filter_text: filterText,
                                        filter_value: filter1Value,
                                    }
                                    if ($(id).attr('data-store'))
                                        select2Addbutton(params.term);
                                    return query;
                                },
                                dataType: 'json',
                                type: "GET",
                                delay: 250,
                                processResults: function(data) {
                                    return {
                                        results: $.map(data, function(item) {
                                            $(id).html(null);
                                            console.log('dd->', item);
                                            return {
                                                text: item.text,
                                                id: item.value,
                                            }
                                        })
                                    };
                                }
                            },
                        });
                    }
                    if (id == "#skills") {
                        $(id + ' ~ .select2').find('.select2-selection--multiple').append(
                            `<button class="btn btn-primary btn-add btn-sm ml-auto onAddMultipleSelect2" type="button" style="display: none;" onclick="onAddMultipleSelect2('` +
                            id + `')">ADD</button>`
                        );
                        let skillsListfull = [];
                        $('#skills option').each((i, Element) => {
                            skillsListfull.push($(Element).text().toLowerCase());
                        });
                        $(id + ' ~ .select2').find('.select2-search textarea').keyup(function(e) {
                            let button = $(id + ' ~ .select2').find('.btn-add');
                            if ($(this).val().length > 1) {
                                if ($.inArray($(this).val().toLowerCase(), skillsListfull) == -1)
                                    $(button).show();
                                else
                                    $(button).hide();
                            } else if ($(this).val().length <= 1)
                                $(button).hide();
                            $('select').on('select2:closing', function() {
                                $(button).hide();
                            })
                        })
                    }
                    $.each($multiple, function(index, value) {
                        var defaultData = {
                            id: index,
                            text: value
                        };
                        var item = defaultData;
                        let selectedOption = $(id).find('option:contains("' + item.text + '")').filter(
                            function() {
                                return $(this).text() === item.text;
                            });
                        $(selectedOption).attr('selected', true);
                        $element.trigger('change');
                    });
                },
            })

        }

        function select2Addbutton(value) {
            if ($('.select2-search.select2-search--dropdown button').length == 0 && value && value.replaceAll(' ', '') !==
                "") {
                $('.select2-search.select2-search--dropdown').append(
                    '<button class="btn btn-primary rounded-0" type="button" id="SELECT2FILTERADDBUTTON">Add</button>'
                ).addClass('d-flex');
            } else if (value == '' && value.replaceAll(' ', '') === "") {
                $('.select2-search.select2-search--dropdown').removeClass('d-flex');
                $('.select2-search.select2-search--dropdown button').remove();
            }
        }

        function matchAdd(params, data) {
            console.log('matchAdd');
            if ($.trim(value) === '') {
                return data;
            }
            if (typeof data.text === 'undefined') {
                return null;
            }
            if (data.text.toLowerCase().indexOf(params.term.toLowerCase()) > -1) {
                var modifiedData = $.extend({}, data, true);
                return modifiedData;
            }
            if ($('.select2-search.select2-search--dropdown button').length == 0)
                $('.select2-search.select2-search--dropdown').append(
                    '<button class="btn btn-primary rounded-0" id="SELECT2FILTERADDBUTTON">Add</button>')
                    .addClass('d-flex');
            return null;
        }
        $('select').on('select2:closing', function() {
            select2Addbutton('')
        })

        function onAddMultipleSelect2(id) {
            let text = $(id + ' ~ .select2').find('.select2-search textarea').val();
            let url = $(id).attr('data-add-url');
            let selectBoxId = $(id).attr('id');
            if (text) {
                $.ajax({
                    url: url,
                    method: "POST",
                    data: {
                        '_token': "VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz",
                        'item': text,
                        'select_box': selectBoxId,
                    },
                    beforeSend: function() {
                        $("body").LoadingOverlay("show");
                    },
                    success: (response) => {
                        var sId = selectBoxId; // any
                        if (response.status == true) {
                            var item = response.data;
                            if ((selectBoxId !== '' || selectBoxId !== undefined) && (selectBoxId
                                .length > 0)) {
                                sId = selectBoxId;
                            }
                            $('#' + sId).append('<option value="' + item['id'] + '">' + item[
                                'text'] + '</option>');
                            $("body").LoadingOverlay("hide");
                        } else {
                            alert(
                                "Error Code: 200  " + response.message + ". Please contact Admin."
                            );
                            $("body").LoadingOverlay("hide");
                        }
                    },
                    error: (xhr, ajaxOptions, thrownError) => {
                        $("body").LoadingOverlay("hide");
                        alert(
                            "Error Code: " +
                            xhr.status +
                            ". " +
                            thrownError +
                            ". Please contact Admin."
                        );
                    },
                });
            }
        }


        $('body').on('click', '#SELECT2FILTERADDBUTTON', function() {
            let text = $(this).parent().find('input').val();
            // let name = $('#' + $(this).parent().siblings('.select2-results').find('ul').attr(
            //     'id').replace('select2-', '').replace('-results', '')).attr('data-store');
            let url = $('#' + $(this).parent().siblings('.select2-results').find('ul').attr(
                'id').replace('select2-', '').replace('-results', '')).attr('data-add-url');
            let selectBoxId = $('#' + $(this).parent().siblings('.select2-results').find('ul').attr(
                'id').replace('select2-', '').replace('-results', '')).attr('data-select-box-id');

            if (text) {
                $.ajax({
                    url: url,
                    method: "POST",
                    data: {
                        '_token': "VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz",
                        'item': text,
                        'select_box': selectBoxId,
                    },
                    beforeSend: function() {
                        $("body").LoadingOverlay("show");
                    },
                    success: (response) => {
                        var sId = 'work_type_id'; // any
                        if (response.status == true) {
                            var item = response.data;
                            if ((selectBoxId !== '' || selectBoxId !== undefined) && (selectBoxId
                                .length > 0)) {
                                sId = selectBoxId;
                            }
                            $('#' + sId).append('<option selected value="' + item['id'] + '">' + item[
                                'text'] + '</option>');
                            $("body").LoadingOverlay("hide");
                        } else {
                            alert(
                                "Error Code: 200  " + response.message + ". Please contact Admin."
                            );
                            $("body").LoadingOverlay("hide");
                        }
                    },
                    error: (xhr, ajaxOptions, thrownError) => {
                        $("body").LoadingOverlay("hide");
                        alert(
                            "Error Code: " +
                            xhr.status +
                            ". " +
                            thrownError +
                            ". Please contact Admin."
                        );
                    },
                });
            }
        });

        function getSelect2Data($idname, $parameter, $skipParameter, $skipFunc, $plhldr, $parentId, $allowClear=true) {
            if (!$plhldr) {
                $plhldr = 'value';
            }
            if (isset($($idname).attr('data-setMultiple'))) {
                $multiple = JSON.parse($($idname).attr('data-setMultiple'));
                var $element = $($idname).select2({
                    placeholder: "Select a " + $plhldr,
                });

                $.each($multiple, function(index, value) {

                    var defaultData = {
                        id: index,
                        text: value
                    };

                    var item = defaultData;

                    var option = new Option(item.text, item.id, true, true);

                    $element.append(option);

                    $element.trigger('change');

                });
            }

            if (isset($($idname).attr('data-setValue')) && isset($($idname).attr('data-setText'))) {
                var $element = $($idname).select2({
                    placeholder: "Select a " + $plhldr,
                });
                var defaultData = {
                    id: $($idname).attr('data-setValue'),
                    text: $($idname).attr('data-setText')
                };
                // console.log(defaultData);
                var item = defaultData;
                var option = new Option(item.text, item.id, true, true);
                $element.append(option);
                $element.trigger('change');
            }

            $($idname).select2({
                minimumInputLength: 0,
                width: "100%",
                placeholder: "Select " + $plhldr,
                allowClear: $allowClear,
                ajax: {
                    url: function(params) {
                        if ($skipParameter) {
                            params[$skipParameter] = $skipFunc;
                        }
                        return "https://www.fynth.com/select2-data/" + $parameter;
                    },
                    dataType: 'json',
                    type: "GET",
                    delay: 250,
                    processResults: function(data) {
                        return {
                            // results: data
                            results: $.map(data, function(item) {
                                return {
                                    text: item.text,
                                    id: item.value,
                                }
                            })
                        };
                    }
                }
            }).on("change", function() {
                // console.log($(this).valid());
            })
        }

        function allSelectAjaxWithParameter($idname, $parameter, $skipParameter, $skipFunc, $plhldr, $minInputLen = '', perfix = 'Select a', allowClear = true) {
            if (!$plhldr) {
                $plhldr = 'Value';
            }
            var ismultiple = false;
            var parent = $(document.body);
            if ($($idname).parents('.modal').length != 0) {
                parent = $('#' + $($idname).parents('.modal').attr('id'))
            }
            if ($($idname).prop('multiple')) {
                ismultiple = true;
            } else {
                ismultiple = false;
            }
            if (isset($($idname).attr('data-setMultiple'))) {
                $multiple = JSON.parse($($idname).attr('data-setMultiple'));
                var $element = $($idname).select2({
                    placeholder: perfix + " " + $plhldr,
                });

                $.each($multiple, function(index, value) {
                    var defaultData = {
                        id: index,
                        text: value
                    };

                    var item = defaultData;

                    var option = new Option(item.text.trim(), item.id, true, true);
                    $element.append(option);

                    $element.trigger('change');

                });
            }

            if (isset($($idname).attr('data-setValue')) && isset($($idname).attr('data-setText'))) {
                var $element = $($idname).select2({
                    placeholder: perfix + " " + $plhldr,
                });
                var defaultData = {
                    id: $($idname).attr('data-setValue'),
                    text: $($idname).attr('data-setText')
                };
                var item = defaultData;
                var option = new Option(item.text, item.id, true, true);
                $element.append(option);
                $element.trigger('change');
            }
            if ($skipParameter) {
                $($idname).select2({
                    minimumInputLength: $minInputLen,
                    width: "100%",
                    placeholder: perfix + " " + $plhldr,
                    dropdownParent: parent,
                    allowClear: allowClear,
                    ajax: {
                        url: function(params) {
                            if ($($idname).attr('data-store'))
                                select2Addbutton(params.term);
                            if ($skipParameter) {
                                params[$skipParameter] = $skipFunc();
                            }
                            return "https://www.fynth.com/select2-data/" + $parameter;
                        },
                        dataType: 'json',
                        type: "GET",
                        delay: 250,
                        processResults: function(data) {
                            return {
                                // results: data
                                results: $.map(data, function(item) {
                                    return {
                                        text: item.text,
                                        id: item.value,
                                    }
                                })

                            };
                        }
                    }
                }).on("change", function() {})
            } else {
                $($idname).select2({
                    minimumInputLength: $minInputLen,
                    width: "100%",
                    placeholder: perfix + " " + $plhldr,
                    dropdownParent: parent,
                    ajax: {
                        url: function(params) {
                            if ($skipParameter) {
                                params[$skipParameter] = $skipFunc();
                            }
                            return "https://www.fynth.com/select2-data/" + $parameter;
                        },
                        data: function(params, data) {
                            var filterText = 'df',
                                filter1Value = 'df',
                                filterValfn;
                            if (isset($($idname).attr('filter-value')) && isset($($idname).attr(
                                'filter-text'))) {
                                filterValfn = $($idname).attr('filter-value');
                                filterText = $($idname).attr('filter-text');
                                filter1Value = $('#' + filterValfn).val();
                            }
                            var query = {
                                q: params.term,
                                filter_text: filterText,
                                filter_value: filter1Value,
                            }
                            if ($($idname).attr('data-store'))
                                select2Addbutton(params.term);
                            return query;
                        },
                        dataType: 'json',
                        type: "GET",
                        delay: 250,
                        processResults: function(data) {
                            return {
                                // results: data
                                results: $.map(data, function(item) {
                                    return {
                                        text: item.text,
                                        id: item.value,
                                    }
                                })
                            };
                        }
                    },
                    templateResult: function(element) {
                        if (ismultiple) {
                            return select2CheckboxAdder(element);
                        } else {
                            return element.text;
                        }
                    },
                    closeOnSelect: !ismultiple,
                    allowClear: allowClear,
                }).on("change", function() {})
            }
        }

        function isset() {
            var a = arguments,
                l = a.length,
                i = 0,
                undef;

            if (l === 0) {
                throw new Error('Empty isset');
            }

            while (i !== l) {
                if (a[i] === undef || a[i] === null) {
                    return false;
                }
                i++;
            }
            return true;
        }
    </script>
    <script src="https://www.fynth.com/plugins/jQuery-confirm-master/jquery-confirm.min.js?v=1.1"></script>
    <script>
        jconfirm.defaults = {
            theme: "light",
            type: 'green',
            animation: 'scale',
            closeAnimation: 'scale',
            animateFromElement: false,
        }

        function showErrorPopup(setting, content) {

            opt = $.extend({
                title: 'Error!!',
                content: content,
            }, setting);

            $.confirm({
                type: 'red',
                title: opt.title,
                content: opt.content,
                buttons: {
                    confirm: {
                        text: "OK",
                        btnClass: "btn-red",
                        action: function() {

                        }
                    }
                }
            })

        }

        function showSuccessPopup(setting, content) {

            opt = $.extend({
                title: 'Success!!',
                content: content,
                onOkClick: function() {

                },
            }, setting);

            $.confirm({
                type: 'red',
                title: opt.title,
                content: opt.content,
                buttons: {
                    confirm: {
                        text: "OK",
                        btnClass: "btn-green",
                        action: function() {
                            opt.onOkClick()
                        }
                    }
                }
            })

        }

        function showPrompt(setting, content) {

            opt = $.extend({
                title: 'Are you sure...?',
                content: content,
            }, setting);

            $.confirm({
                type: 'blue',
                title: opt.title,
                content: opt.content,
                buttons: {
                    confirm: {
                        text: "OK",
                        btnClass: "btn-blue",
                        action: function() {

                        }
                    },
                    cancel: {
                        text: "Cancel",
                        btnClass: "btn-red",
                        action: function() {

                        }
                    }
                }
            });
        }
    </script>
    <script src="https://www.fynth.com/plugins/jquery-validation/jquery.validate.min.js"></script>
    <script src="https://www.fynth.com/plugins/jquery-validation/additional-methods.min.js"></script>

            <script src="https://www.fynth.com/plugins/common-validation/common-validation.min.js"></script>
    
    <script>
        $.validator.addMethod("no_space", function(value, element, param) {
            return value.indexOf(" ") === -1;
        }, "Space is not allowed");

        $.validator.addMethod("no_special_characters", function(value, element, param) {
            let specialC = /[ `!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
            return !specialC.test(value);
        }, "Special Characters not allowed");


        $.validator.addMethod("no_uppercase", function(value, element, param) {
            return !/[A-Z]/.test(value);
        }, "Capital Letters is not allowed");

        $.validator.addMethod('filesize', function(value, element, param) {
            return this.optional(element) || (element.files[0].size <= param)
        }, 'File size must be less than ' + 3 + 'MB');

        $.validator.addMethod('imagesize', function(value, element, param) {
            return this.optional(element) || (element.files[0].size <= param)
        }, 'File size must be less than ' + 2 + 'MB');

        $.validator.addMethod("uae_number", function(value, element, param) {
            let uaeRegex = value.match(/^(?:\+971|00971|0)?(?:50|51|52|55|56|54|58|2|3|4|6|7|9)\d{7}$/m);
            return uaeRegex ? true : false;
        }, "Please enter a valid UAE Number. you can use 00971 or 05 format.");

        $.validator.addMethod("emailExt", function(value, element, param) {
            return value.match(/^[a-zA-Z0-9_\.%\+\-]+@[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,}$/);
        },'Please enter a valid email address!.');

        $.validator.addMethod("validate_email", function(value, element) {
            if (value.length > 1) {
                if (/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value)) {
                    return true;
                } else {
                    return false;
                }
            } else {
                return true;
            }
        }, "Please enter a valid email address.");

        $.validator.setDefaults({
            ignore: ":hidden",
            errorClass: "error",
            errorPlacement: function(error, element) {
                if (element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                } else if (element.data('select2')) {
                    if (element.parent('td').length) {

                        element.parent('td').append(error);

                    } else if (element.parent().hasClass('form-group')) {
                        element.parent('.form-group').append(error);

                    }
                } else {
                    error.insertAfter(element);
                }
            },
        });
            </script>
<script src="https://www.fynth.com/plugins/loadingoverlay.min.js"></script>

    <script src="https://www.fynth.com/plugins/dropify-master/dropify.min.js"></script>

    <script src="https://www.fynth.com/js/home.js"></script>

    <script>

        // $('.dropify').dropify({
        //     messages: {
        //         'default': 'Upload <br>Photo',
        //     }
        // });

        // $(document).ready(function(){
        //     $('a[href^="#"]').on('click',function (e) {
        //         e.preventDefault();
        //         var target = this.hash;
        //         var $target = $(target);
        //         $('html, body').stop().animate({
        //             'scrollTop': $target.offset().top + 81
        //         }, 900, 'swing', function () {
        //             // window.location.hash = target;
        //         });
        //     });
        // });


        $('body').on('click', 'a.scroll-to-position', function (e) {
            var divID = $(this).attr('href');
            $('html, body').animate({
                scrollTop: $(divID).offset().top - 81
            });
        });


        $("button.accordion-button").click(function () {
            $("button.accordion-button").each(function (i, el) {
                if ($(el).is(".collapsed")) {
                    $(this).find('span').addClass('fy-plus-circle').removeClass('fy-minus-circle');
                } else {
                    $(this).find('span').addClass('fy-minus-circle').removeClass('fy-plus-circle');
                }
            });
        });

        $(".box-header-wrapper").click(function () {
            $(".box-header-wrapper").each(function (i, el) {
                if ($(el).is(".collapsed")) {
                    $(this).find('span').addClass('fy-chevron-down').removeClass('fy-chevron-up');
                } else {
                    $(this).find('span').addClass('fy-chevron-up').removeClass('fy-chevron-down');
                }
            });
        });


        var _validator;
        var _validator1;
        $(document).ready(function () {

            getSelect2Data('#phone_code', 'getPhoneCodes', null, null, null, null, false);
            getSelect2Data('#mobile_code', 'getPhoneCodes', null, null, null, null, false);
            getSelect2Data('#country', 'getCountries', null, null, null, null, true);
            getSelect2Data('#time_zone', 'getTimeZones', null, null, null, null, true);

            $selectedStateID = '';
            getSelect2Data('#state', 'getStates', 'country_id', $selectedStateID, null, null, true);

            $('[name="country"]').on('change', function () {
                $('#mobile_code').val(null);
                $('#mobile_code').text(null);
                $('#mobile_code').trigger('changes');

                //set Currency
                $.ajax({
                    url: "https://www.fynth.com/select2-data/getPhoneCodeByCountry?country_id=" + $(this).val(),
                    method: "GET",
                    data: {
                        'country_id': $(this).val(),
                    },
                    success: (response) => {
                        if (response.value > 0) {
                            if ($('#country').val() !== $('#country').attr('data-setvalue')) {
                                $('#country').attr('data-setValue', $('#country').val());
                                $('#mobile_code').attr('data-setValue', response.value);
                                $('#mobile_code').attr('data-setText', response.text);
                                allSelectAjaxWithParameter('#mobile_code', 'getPhoneCodes', null, null,
                                    '', null, null, false);
                            }
                        }
                    },
                    error: (xhr, ajaxOptions, thrownError) => {
                        $.confirm({
                            title: 'Error!',
                            columnClass: 'jc_delete',
                            content: 'Error Code: ' + xhr.status + '. ' + thrownError + '. Please contact Admin.',
                            closeIcon: true,
                            closeIconClass: 'fy-cancel',
                            buttons: {
                                confirm: {
                                    text: "Okay",
                                    btnClass: "btn-primary",
                                    action: function () {
                                    }
                                }
                            },
                        });
                    }
                })
            });


            $('body').on("click", "[data-action='removeFile']", function (e) {
                $this = $(this);
                tSelector = $this.attr("data-target");
                tId = $this.attr("data-remove");
                console.log(tId);
                tParent = $this.attr("data-parent");
                if ($(tSelector).length) {
                    $(tSelector).valAppend("," + tId);
                    if ($(this).attr('data-id') === 'first') {

                    } else {
                        $this.closest(tParent).remove();
                    }
                } else {
                    $.alert("Sorry You Can't Delete!!!")
                }
            });

            $('.dropify').dropify({
                messages: {
                    'default': 'Click here to upload',
                }
            });

            _validator = $("#start-free-trial-form").commonValidator({
                redirectTo: '#',
                ignore: [],
                rules: {
                    // logo : {
                    //     required: true,
                    // },
                    company_name: {
                        required: true,
                    },
                    contact_person: {
                        required: true,
                    },
                    email: {
                        required: true,
                    },
                    website_url: {
                        required: true,
                    },
                    country: {
                        required: true,
                    },
                    // state : {
                    //     required: true,
                    // },
                    mobile_code: {
                        required: true,
                    },
                    mobile_number: {
                        required: true,
                    },
                },
                onServerError: function (errors) {
                    $('#register').modal('hide');
                    $.confirm({
                        title: 'An Error Occurred',
                        columnClass: 'jc_delete',
                        content: 'Please try Again Later',
                        closeIcon: true,
                        closeIconClass: 'fy-cancel',
                        buttons: {
                            confirm: {
                                text: "Okay",
                                btnClass: "btn-primary",
                                action: function () {
                                }
                            }
                        },
                    });
                },
                onSuccess: function (response) {
                    $('#register').modal('hide');
                    if (response.status === 'success') {
                        $.confirm({
                            title: 'Email Verification',
                            columnClass: 'jc_delete',
                            content: 'Email has been successfully sent to your registered email address',
                            closeIcon: true,
                            closeIconClass: 'fy-cancel',
                            buttons: {
                                confirm: {
                                    text: "Okay",
                                    btnClass: "btn-primary",
                                    action: function () {
                                    }
                                }
                            },
                        })
                    } else if (response.status === 'validation_error') {
                        alert('Validation-Errors');
                    } else {
                        alert('Err');
                    }
                },
            });

            // $('body').on("click", "#free-trial-btn", function (e) {
            //     $('#register').modal('show');
            // });

            
                _validator1 = $("#clone-project-form").commonValidator({
                redirectTo: '#',
                ignore: [],
                rules: {
                    logo: {
                        required: true,
                    },
                    about_company: {
                        required: true,
                    },
                    password: {
                        minlength: 8,
                    },
                    password_confirmation: {
                        minlength: 8,
                        equalTo: "#password"
                    }
                },
                onServerError: function (errors) {
                    $('#clone').modal('hide');
                    $.confirm({
                        title: 'An Error Occurred',
                        columnClass: 'jc_delete',
                        content: 'Please try Again Later',
                        closeIcon: true,
                        closeIconClass: 'fy-cancel',
                        buttons: {
                            confirm: {
                                text: "Okay",
                                btnClass: "btn-primary",
                                action: function () {
                                }
                            }
                        },
                    });
                },
                onSuccess: function (response) {
                    $('#clone').modal('hide');
                    if (response.status === 'success') {
                        $.confirm({
                            title: 'Project Cloned Successfully',
                            columnClass: 'jc_delete',
                            content: 'Project info has been successfully sent to your registered email address',
                            closeIcon: true,
                            closeIconClass: 'fy-cancel',
                            buttons: {
                                confirm: {
                                    text: "Okay",
                                    btnClass: "btn-primary",
                                    action: function () {
                                    }
                                }
                            },
                        })
                    } else if (response.status === 'validation_error') {
                        alert('Validation-Errors');
                    } else {
                        alert('Err');
                    }
                },
            });
        });
    </script>
<!-- custom JS code after importing jquery and owl -->
<script type="text/javascript">

    $("body").on('change', 'input, select, textarea', function(e) {
        if ($(this).closest('form').length && typeof $.fn.validate == "function") {
            $(this).valid();
        }
    });


    $(window).scroll(function(){
        var sticky = $('.navbar'),
            scroll = $(window).scrollTop();

        if (scroll >= 150) sticky.addClass('fixed-top');
        else sticky.removeClass('fixed-top');
    });

    $("document").ready(function () {
        $('.navbar-toggle').click(function () {
            $(this).toggleClass('collapsed');
        });
    });

    $(".tab-slider--nav li").click(function () {
        $(".tab-slider--body").hide();
        var activeTab = $(this).attr("rel");
        $("#" + activeTab).fadeIn();
        if ($(this).attr("rel") == "tab2") {
            $('.tab-slider--tabs').addClass('slide');
        } else {
            $('.tab-slider--tabs').removeClass('slide');
        }
        $(".tab-slider--nav li").removeClass("active");
        $(this).addClass("active");
    });

</script>

<script src="https://www.fynth.com/js/bootstrap.min.js"></script>



<script>

    var dteNow = new Date();
    var intYear = dteNow.getFullYear();
    var prevYear = intYear - 1;

    $('#prevYear').each(function () {
        var text = $(this).text();
        $(this).text(text.replace('PreviousCopyrightYear', prevYear));
    });
    $('#currentYear').each(function () {
        var text = $(this).text();
        $(this).text(text.replace('CurrentCopyrightYear', intYear));
    });

</script>
</div>

<div class="modal fade" id="choose_product" data-bs-backdrop="static" data-bs-keyboard="false">
    <div id="choose-product-inner" class="modal-dialog modal-lg modal-fullscreen-md-down modal-dialog-centered modal-dialog-scrollable">

    </div>
</div>
<div class="modal fade" id="register" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-xl modal-fullscreen-md-down modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Start Free Trial</h5>
                <button type="button" class="fy-close-solid" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="start-free-trial-form" action="#" method="get" enctype="multipart/form-data">
                <input type="hidden" name="_token" value="VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz">                <div class="modal-body">
                    <div class="row">





                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div class="row">
                                    <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2">
                                        <label for="company_name" class="control-label">Company Name</label>
                                        <input type="text" name="company_name" id="company_name" value="" placeholder="Enter Here" class="form-control">
                                    </div>
                                    <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2">
                                        <label for="contact_person" class="control-label">Contact Person</label>
                                        <input type="text" name="contact_person" id="contact_person" value="" placeholder="Enter Here" class="form-control">
                                    </div>
                                    <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2">
                                        <label for="country" class="control-label">Country</label>
                                        <select name="country" id="country" class="form-control" placeholder="Enter Here">
                                        </select>
                                    </div>
                                    <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2">
                                        <label for="email" class="control-label">Email</label>
                                        <input type="email" name="email" id="email" value="" placeholder="Enter Here" class="form-control">
                                    </div>
                                    <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2">
                                        <label for="website_url" class="control-label">Website URL</label>
                                        <input type="url" name="website_url" id="website_url" value="" placeholder="Enter Here" class="form-control">
                                    </div>
                                    <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2">
                                        <label for="phone_code1" class="control-label">Mobile Number</label>
                                        <div class="input-group input-group-sm country-code">
                                            <select name="mobile_code" id="mobile_code" class="form-control">
                                            </select>
                                            <input type="number" class="form-control phone-number" name="mobile_number" id="mobile_number"
                                                   value="" placeholder="Enter Here">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Start free trial now</button>
                </div>
            </form>
        </div>
    </div>
</div>


<script>
    $(document).on('click', '.start-free-trial-btn', function() {
        $.ajax({
            url: "https://www.fynth.com/products-view",
            method: "GET",
            beforeSend: function() {
                $("body").LoadingOverlay("show");
            },
            success: (htmlResponse) => {
                $("#choose-product-inner").html(htmlResponse);
                $("body").LoadingOverlay("hide");
                $("#choose_product").modal('show');
            },
            error: (xhr, ajaxOptions, thrownError) => {
                $("body").LoadingOverlay("hide");
                alert(
                    "Error Code: " +
                    xhr.status +
                    ". " +
                    thrownError +
                    ". Please contact Admin."
                );
            },
        });
    });
</script>
</body>
</html>
                               

Whois info of domain

Domain Name: FYNTH.COM
Registry Domain ID: 2783045523_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2024-04-22T11:09:09Z
Creation Date: 2023-05-22T09:09:55Z
Registry Expiry Date: 2025-05-22T09:09:55Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: PDNS01.DOMAINCONTROL.COM
Name Server: PDNS02.DOMAINCONTROL.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-17T02:11:29Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass