<!DOCTYPE html>
<html lang="en" data-kt-no-attribute="true">
<!--begin::Head-->

<head>
    
    <title>Terracle - Your Trusted Real Estate CRM Partner</title>
    <meta charset="utf-8" />
    <meta name="description" content="Discover the ultimate real estate CRM portal for efficient property management. Streamline your operations, enhance client relationships, and secure your data with our trusted platform." />
    <meta name="keywords" content="Real Estate CRM, Property Management Software, Client Relationship Management, Secure Real Estate Portal, Efficient Property Solutions, Real Estate Data Management, Real Estate Agent Tools, Property Listings Management, CRM for Real Estate Professionals, Real Estate Technology." />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta property="og:title" content="Terracle - Your Trusted Real Estate CRM Provider" />
    <meta property="og:description" content="Discover the ultimate real estate CRM portal for efficient property management. Streamline your operations, enhance client relationships, and secure your data with our trusted platform." />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="article" />


    <link rel="shortcut icon" href="../dist1/assets/../custom/images/favicon.ico" />

    <!--begin::Fonts-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
    <!--end::Fonts-->

    <!--begin::Vendor Stylesheets(optional)-->
    <link rel="stylesheet" type="text/css" 
    href="../dist1/assets/plugins/custom/datatables/datatables.bundle.css" /><link rel="stylesheet" type="text/css" 
    href="https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/css/intlTelInput.css" /><link rel="stylesheet" type="text/css" 
    href="../dist1/assets/../custom/css/custom.style.css" />
    <!--end::Vendor Stylesheets-->

    <!--begin::Global Stylesheets(mandatory)-->
    <link rel="stylesheet" type="text/css" 
    href="../dist1/assets/plugins/global/plugins.bundle.css" /><link rel="stylesheet" type="text/css" 
    href="../dist1/assets/css/style.bundle.css" />
    <!--end::Global Stylesheets-->

    <!--begin::Custom Stylesheets(optional)-->
    
    <!--end::Custom Stylesheets-->
    
</head>
<!--end::Head-->

<body class="app-default" data-kt-app-sidebar-minimize="on" data-kt-app-header-fixed="true" data-kt-app-layout="light-header" data-kt-app-toolbar-enabled="true">
    <!--begin::Theme mode setup on page load-->
<script>
    var defaultThemeMode = "light"; 
    var themeMode; 

    if ( document.documentElement ) { 
        if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { 
            themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); 
        } else { 
            if ( localStorage.getItem("data-bs-theme") !== null ) { 
                themeMode = localStorage.getItem("data-bs-theme"); 
            } else { 
                themeMode = defaultThemeMode; 
            } 
        } 
        
        if (themeMode === "system") { 
            themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; 
        } 
        
        document.documentElement.setAttribute("data-bs-theme", themeMode); 
    }
</script>
<!--end::Theme mode setup on page load-->

    <div class="d-flex flex-column flex-root app-root" id="kt_app_root">
    <!--begin::Page-->
    <div class="app-page flex-column flex-column-fluid" id="kt_app_page">
		<!--begin::Header-->
<div id="kt_app_header" class="app-header">
	<!--begin::Header container-->
	<div class="app-container container-xxl d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
		<!--begin::Logo-->
		<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15">
			<a href="/">
				
				<img alt="Terracle" src="/dist1/custom/images/logos/terracle-light.png" class="theme-light-show h-25px h-lg-30px" />
				<img alt="Terracle" src="/dist1/custom/images/logos/terracle-dark.png" class="theme-dark-show h-25px h-lg-30px" />
			</a>
		</div>
		<!--end::Logo-->
		<!--begin::Header wrapper-->
		<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
			<!--begin::Menu wrapper-->
<div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
	<!--begin::Menu-->
	<div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0" id="kt_app_header_menu" data-kt-menu="true">
		
		
		
		<!--begin:Menu item-->
		<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-0 me-lg-2">
			<!--begin:Menu link-->
			<span class="menu-link">
				<span class="menu-title">Why Choose Us</span>
				<span class="menu-arrow d-lg-none"></span>
			</span>
			<!--end:Menu link-->
			<!--begin:Menu sub-->
			<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown p-0 w-100 w-lg-850px">
				<!--begin:Dashboards menu-->
<div class="menu-active-bg pt-1 pb-3 px-3 py-lg-6 px-lg-6" data-kt-menu-dismiss="true">
	<!--begin:Row-->
	<div class="row">
		<!--begin:Col-->
		<div class="col-lg-6">
			<!--begin:Row-->
			<div class="row">
				<!--begin:Col-->
				<div class="col-lg-10 mb-3">
					<!--begin:Heading-->
					<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">About Us</h4>
					<!--end:Heading-->
					<!--begin:Menu item-->
					<div class="menu-item p-0 m-0">
						<!--begin:Menu link-->
						<a href="/aboutus" class="menu-link">
							<span class="menu-bullet">
								<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
							</span>
							<span class="menu-title">About Us</span>
						</a>
						<!--end:Menu link-->
					</div>
					<!--end:Menu item-->
					<!--begin:Menu item-->
					<div class="menu-item p-0 m-0">
						<!--begin:Menu link-->
						<a href="/why-choose-us" class="menu-link">
							<span class="menu-bullet">
								<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
							</span>
							<span class="menu-title">Why Choose Us?</span>
						</a>
						<!--end:Menu link-->
					</div>
					<!--end:Menu item-->
					<!--begin:Menu item-->
					<div class="menu-item p-0 m-0">
						<!--begin:Menu link-->
						<a href="/real-estate-marketplace" class="menu-link">
							<span class="menu-bullet">
								<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
							</span>
							<span class="menu-title">Real Estate Marketplace</span>
						</a>
						<!--end:Menu link-->
					</div>
					<!--end:Menu item-->
					<!--begin:Menu item-->
					
					<!--end:Menu item-->
					<!--begin:Menu item-->
					<div class="menu-item p-0 m-0">
						<!--begin:Menu link-->
						<a href="/support-experience" class="menu-link">
							<span class="menu-bullet">
								<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
							</span>
							<span class="menu-title">Support Experience</span>
						</a>
						<!--end:Menu link-->
					</div>
					<!--end:Menu item-->
				</div>
				<!--end:Col-->
				<!--begin:Col-->
				<div class="col-lg-6 mb-3 hide">
					<!--begin:Heading-->
					<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">&nbsp;</h4>
					<!--end:Heading-->
					<!--begin:Menu item-->
					
					<!--end:Menu item-->
					
				</div>
				<!--end:Col-->
			</div>
			<!--end:Row-->
			<div class="separator separator-dashed mx-lg-5 mt-2 mb-6"></div>
			<!--begin:Layout Builder-->
			<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5">
				<div class="d-flex flex-column me-5">
					<div class="fs-6 fw-bold text-gray-800">Terracle CRM</div>
					<div class="fs-7 fw-semibold text-muted">Deploy, Customize and Engage</div>
				</div>
				<a href="/schedule-demo" class="btn btn-sm btn-primary fw-bold">Schedule a Live Demo</a>
			</div>
			<!--end:Layout Builder-->
		</div>
		<!--end:Col-->
		<!--begin:Col-->
		<div class="col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center">
			<img src="../dist1/assets/media/stock/900x600/45.jpg" class="rounded mw-100" alt="" />
		</div>
		<!--end:Col-->
	</div>
	<!--end:Row-->
</div>
<!--end:Dashboards menu-->
			</div>
			<!--end:Menu sub-->
		</div>
		<!--end:Menu item-->
		
		<!--begin:Menu item-->
		<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-0 me-lg-2">
			<!--begin:Menu link-->
			<span class="menu-link">
				<span class="menu-title">Products</span>
				<span class="menu-arrow d-lg-none"></span>
			</span>
			<!--end:Menu link-->
			<!--begin:Menu sub-->
			<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown p-0 w-100 w-lg-850px">
				<!--begin:Dashboards menu-->
<div class="menu-active-bg pt-1 pb-3 px-3 py-lg-6 px-lg-6" data-kt-menu-dismiss="true">
	<!--begin:Row-->
	<div class="row">
		<!--begin:Col-->
		<div class="col-lg-6">
			<!--begin:Row-->
			<div class="row">
				<!--begin:Col-->
				<div class="col-lg-12 mb-3">
					<!--begin:Heading-->
					<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Products</h4>
					<!--end:Heading-->
					<!--begin:Menu item-->
					<div class="menu-item p-0 m-0">
						<!--begin:Menu link-->
						<a href="/terracle-crm-for-agents" class="menu-link">
							<span class="menu-bullet">
								<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
							</span>
							<span class="menu-title">Terracle CRM for Agents</span>
						</a>
						<!--end:Menu link-->
					</div>
					<!--end:Menu item-->
					<!--begin:Menu item-->
					<div class="menu-item p-0 m-0">
						<!--begin:Menu link-->
						<a href="/terracle-crm-for-developers" class="menu-link">
							<span class="menu-bullet">
								<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
							</span>
							<span class="menu-title">Terracle CRM for Developers</span>
						</a>
						<!--end:Menu link-->
					</div>
					<!--end:Menu item-->
					<!--begin:Menu item-->
					<div class="menu-item p-0 m-0">
						<!--begin:Menu link-->
						<a href="/website-for-agents" class="menu-link">
							<span class="menu-bullet">
								<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
							</span>
							<span class="menu-title">Website for Agents</span>
						</a>
						<!--end:Menu link-->
					</div>
					<!--end:Menu item-->
					<!--begin:Menu item-->
					
					<!--end:Menu item-->
					<!--begin:Menu item-->
					
					<!--end:Menu item-->
				</div>
				<!--end:Col-->
				<!--begin:Col-->
				
				<!--end:Col-->
			</div>
			<!--end:Row-->
			<div class="separator separator-dashed mx-lg-5 mt-2 mb-6"></div>
			<!--begin:Layout Builder-->
			<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5">
				<div class="d-flex flex-column me-5">
					<div class="fs-6 fw-bold text-gray-800">Terracle CRM</div>
					<div class="fs-7 fw-semibold text-muted">Deploy, Customize and Engage</div>
				</div>
				<a href="/schedule-demo" class="btn btn-sm btn-primary fw-bold">Schedule a Live Demo</a>
			</div>
			<!--end:Layout Builder-->
		</div>
		<!--end:Col-->
		<!--begin:Col-->
		<div class="col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center">
			<img src="../dist1/assets/media/stock/900x600/45.jpg" class="rounded mw-100" alt="" />
		</div>
		<!--end:Col-->
	</div>
	<!--end:Row-->
</div>
<!--end:Dashboards menu-->
			</div>
			<!--end:Menu sub-->
		</div>
		<!--end:Menu item-->
		
		<div  class="menu-item me-0 me-lg-2">
			<a class="menu-link" href="/partner-with-us">
				<span class="menu-title">Partner With Us</span>
			 </a>
		</div>
		
		<!--begin:Menu item-->
		
		<!--end:Menu item-->
		
		
		<div  class="menu-item me-0 me-lg-2">
			<a class="menu-link" href="/contactus">
				<span class="menu-title">Contact Us</span>
			 </a>
		</div>
		
	</div>
	<!--end::Menu-->
</div>
<!--end::Menu wrapper-->
			<!--begin::Navbar-->
<div class="app-navbar flex-shrink-0">
	
	<!--begin::Signin menu-->
	<div class="app-navbar-item ms-1 ms-lg-3">
		<div class="d-flex align-items-center gap-2 gap-lg-3 me-5">
			<a href="/schedule-demo" class="btn fw-bold btn-primary py-3 px-3">Sign Up
			<i class="fa-solid fa-arrow-right fs-5 ms-1 mt-n1"><span class="path1"></span><span class="path2"></span></i></a>
		</div>
		<div class="d-flex align-items-center gap-2 gap-lg-3">
			<a href="/signin/signin" target="_blank" class="btn fw-bold btn-light-success py-3 px-3">Sign In</a>
		</div>
	</div>
	<!--end::Signin menu-->
	<!--begin::User menu-->
	
	<!--end::User menu-->
	<!--begin::Header menu toggle-->
	<div class="app-navbar-item d-lg-none ms-2 me-n3" title="Show header menu">
		<div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_header_menu_toggle"><span class="svg-icon svg-icon-1"></span></div>
	</div>
	<!--end::Header menu toggle-->
</div>
<!--end::Navbar-->
		</div>
		<!--end::Header wrapper-->
	</div>
	<!--end::Header container-->
</div>
<!--end::Header-->
<!--        <div th:replace="~{${@theme.getView('partials/header-layout/_header.html')}"></div>-->
        <!--begin::Wrapper-->
        <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
            <!--begin::Main-->
            <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                <!--begin::Content wrapper-->
                
                <!--end::Content wrapper-->
                <div>

		<!--begin::Header Section-->
		<div class="mb-0" id="home">
			<!--begin::Wrapper-->
			<div
				class="bgi-no-repeat bgi-size-contain bgi-position-x-center bgi-position-y-bottom landing-dark-bg"
				style="background-image: url(../dist1/assets/media/svg/illustrations/landing.svg)">

				<!--begin::Landing hero-->
				<div class="d-flex flex-column flex-center w-100 min-h-350px min-h-lg-500px px-9">
					<!--begin::Heading-->
					<div class="text-center mb-5 mb-lg-10 py-10 py-lg-20">
						<!--begin::Title-->
						<h1 class="text-white lh-base fw-bold fs-2x fs-lg-3x mb-15">
							One Stop PropTECH Solutions <br />For <span
								style="background: linear-gradient(to right, #12CE5D 0%, #FFD80C 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
								<span id="kt_landing_hero_text"> Driving Your Real Estate Business</span>
							</span>
						</h1>
						<!--end::Title-->
						<!--begin::Action-->
						<a href="/schedule-demo" class="btn btn-primary">Schedule a Live Demo</a>
						<!--end::Action-->
					</div>
					<!--end::Heading-->
					<!--begin::Clients-->
					
					<!--end::Clients-->
				</div>
				<!--end::Landing hero-->
			</div>
			<!--end::Wrapper-->
			<!--begin::Curve bottom-->
			<div class="landing-curve landing-dark-color mb-10 mb-lg-20">
				<svg viewBox="15 12 1470 48" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
						d="M0 11C3.93573 11.3356 7.85984 11.6689 11.7725 12H1488.16C1492.1 11.6689 1496.04 11.3356 1500 11V12H1488.16C913.668 60.3476 586.282 60.6117 11.7725 12H0V11Z"
						fill="currentColor"></path>
					</svg>
			</div>
			<!--end::Curve bottom-->
		</div>
		<!--end::Header Section-->


		<!--begin::How It Works Section-->
		<div class="mb-n10 mb-lg-n20 z-index-2">
			<!--begin::Container-->
			<div class="container">
				<!--begin::Heading-->
				<div class="text-center mb-17">
					<!--begin::Title-->
					<h3 class="fs-2hx text-dark mb-5" id="how-it-works"
						data-kt-scroll-offset="{default: 100, lg: 150}">How it Works</h3>
					<!--end::Title-->
					<!--begin::Text-->
					<div class="fs-5 text-muted fw-bold">
						Save thousands to millions of bucks by using a single tool <br />
					</div>
					<!--end::Text-->
				</div>
				<!--end::Heading-->
				<!--begin::Row-->
				<div class="row w-100 gy-10 mb-md-20">
					<!--begin::Col-->
					<div class="col-md-4 px-5">
						<!--begin::Story-->
						<div class="text-center mb-10 mb-md-0">
							<!--begin::Illustration-->
							<img src="../dist1/assets/media/illustrations/sketchy-1/2.png" class="mh-125px mb-9" alt="" />
							<!--end::Illustration-->
							<!--begin::Heading-->
							<div class="d-flex flex-center mb-5">
								<!--begin::Badge-->
								<span class="badge badge-circle badge-light-success fw-bold p-5 me-3 fs-3">1</span>
								<!--end::Badge-->
								<!--begin::Title-->
								<div class="fs-5 fs-lg-3 fw-bold text-dark">Register</div>
								<!--end::Title-->
							</div>
							<!--end::Heading-->
							<!--begin::Description-->
							<div class="fw-semibold fs-6 fs-lg-4 text-muted">
								Sign-up now <br />for an amazing <br /> Experience
							</div>
							<!--end::Description-->
						</div>
						<!--end::Story-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4 px-5">
						<!--begin::Story-->
						<div class="text-center mb-10 mb-md-0">
							<!--begin::Illustration-->
							<img src="../dist1/assets/media/illustrations/sketchy-1/8.png" class="mh-125px mb-9" alt="" />
							<!--end::Illustration-->
							<!--begin::Heading-->
							<div class="d-flex flex-center mb-5">
								<!--begin::Badge-->
								<span class="badge badge-circle badge-light-success fw-bold p-5 me-3 fs-3">2</span>
								<!--end::Badge-->
								<!--begin::Title-->
								<div class="fs-5 fs-lg-3 fw-bold text-dark">Set-up & Deploy</div>
								<!--end::Title-->
							</div>
							<!--end::Heading-->
							<!--begin::Description-->
							<div class="fw-semibold fs-6 fs-lg-4 text-muted">
								Customize the CRM <br />to align with <br />your business processes<br />
							</div>
							<!--end::Description-->
						</div>
						<!--end::Story-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4 px-5">
						<!--begin::Story-->
						<div class="text-center mb-10 mb-md-0">
							<!--begin::Illustration-->
							<img src="../dist1/assets/media/illustrations/sketchy-1/12.png" class="mh-125px mb-9" alt="" />
							<!--end::Illustration-->
							<!--begin::Heading-->
							<div class="d-flex flex-center mb-5">
								<!--begin::Badge-->
								<span class="badge badge-circle badge-light-success fw-bold p-5 me-3 fs-3">3</span>
								<!--end::Badge-->
								<!--begin::Title-->
								<div class="fs-5 fs-lg-3 fw-bold text-dark">Enjoy Terracle CRM</div>
								<!--end::Title-->
							</div>
							<!--end::Heading-->
							<!--begin::Description-->
							<div class="fw-semibold fs-6 fs-lg-4 text-muted">
								Go-live and<br />Transform the Way You Do Business <br />by using a single tool 
							</div>
							<!--end::Description-->
						</div>
						<!--end::Story-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Row-->
				<!--begin::Product slider-->
				<div class="tns tns-default hide">
					<!--begin::Slider-->
					<div data-tns="true" data-tns-loop="true" data-tns-swipe-angle="false" data-tns-speed="2000"
						data-tns-autoplay="true" data-tns-autoplay-timeout="5000" data-tns-controls="true"
						data-tns-nav="false" data-tns-items="1" data-tns-center="false" data-tns-dots="false"
						data-tns-prev-button="#kt_team_slider_prev1" data-tns-next-button="#kt_team_slider_next1">
						<!--begin::Item-->
						<div class="text-center px-5 pt-5 pt-lg-10 px-lg-10">
							<img src="../dist1/custom/images/demos/light-ltr1.png"
								class="card-rounded shadow mh-lg-650px mw-100" alt="" />
						</div>
						<!--end::Item-->
						<!--begin::Item-->
						<div class="text-center px-5 pt-5 pt-lg-10 px-lg-10">
							<img src="../dist1/custom/images/demos/light-ltr2.png"
								class="card-rounded shadow mh-lg-650px mw-100" alt="" />
						</div>
						<!--end::Item-->
						<!--begin::Item-->
						<div class="text-center px-5 pt-5 pt-lg-10 px-lg-10">
							<img src="../dist1/custom/images/demos/light-ltr3.png"
								class="card-rounded shadow mh-lg-650px mw-100" alt="" />
						</div>
						<!--end::Item-->
						<!--begin::Item-->
						<div class="text-center px-5 pt-5 pt-lg-10 px-lg-10">
							<img src="../dist1/custom/images/demos/light-ltr4.png"
								class="card-rounded shadow mh-lg-650px mw-100" alt="" />
						</div>
						<!--end::Item-->
					</div>
					<!--end::Slider-->
					<!--begin::Slider button-->
					<button class="btn btn-icon btn-active-color-primary" id="kt_team_slider_prev1">
						<!--begin::Svg Icon | path: icons/duotune/arrows/arr074.svg-->
						<span class="svg-icon svg-icon-3x"> <svg width="24" height="24" viewBox="0 0 24 24"
								fill="none" xmlns="http://www.w3.org/2000/svg">
									<path
									d="M11.2657 11.4343L15.45 7.25C15.8642 6.83579 15.8642 6.16421 15.45 5.75C15.0358 5.33579 14.3642 5.33579 13.95 5.75L8.40712 11.2929C8.01659 11.6834 8.01659 12.3166 8.40712 12.7071L13.95 18.25C14.3642 18.6642 15.0358 18.6642 15.45 18.25C15.8642 17.8358 15.8642 17.1642 15.45 16.75L11.2657 12.5657C10.9533 12.2533 10.9533 11.7467 11.2657 11.4343Z"
									fill="currentColor" />
								</svg>
						</span>
						<!--end::Svg Icon-->
					</button>
					<!--end::Slider button-->
					<!--begin::Slider button-->
					<button class="btn btn-icon btn-active-color-primary" id="kt_team_slider_next1">
						<!--begin::Svg Icon | path: icons/duotune/arrows/arr071.svg-->
						<span class="svg-icon svg-icon-3x"> <svg width="24" height="24" viewBox="0 0 24 24"
								fill="none" xmlns="http://www.w3.org/2000/svg">
									<path
									d="M12.6343 12.5657L8.45001 16.75C8.0358 17.1642 8.0358 17.8358 8.45001 18.25C8.86423 18.6642 9.5358 18.6642 9.95001 18.25L15.4929 12.7071C15.8834 12.3166 15.8834 11.6834 15.4929 11.2929L9.95001 5.75C9.5358 5.33579 8.86423 5.33579 8.45001 5.75C8.0358 6.16421 8.0358 6.83579 8.45001 7.25L12.6343 11.4343C12.9467 11.7467 12.9467 12.2533 12.6343 12.5657Z"
									fill="currentColor" />
								</svg>
						</span>
						<!--end::Svg Icon-->
					</button>
					<!--end::Slider button-->
				</div>
				<!--end::Product slider-->
			</div>
			<!--end::Container-->
		</div>
		<!--end::How It Works Section-->

		<!--begin::Statistics Section-->
		<div class="mt-sm-n10">
			<!--begin::Curve top-->
			<div class="landing-curve landing-dark-color">
				<svg viewBox="15 -1 1470 48" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
						d="M1 48C4.93573 47.6644 8.85984 47.3311 12.7725 47H1489.16C1493.1 47.3311 1497.04 47.6644 1501 48V47H1489.16C914.668 -1.34764 587.282 -1.61174 12.7725 47H1V48Z"
						fill="currentColor"></path>
					</svg>
			</div>
			<!--end::Curve top-->
			<!--begin::Wrapper-->
			<div class="pb-15 pt-18 landing-dark-bg">
				<!--begin::Container-->
				<div class="container">
					<!--begin::Heading-->
					<div class="text-center mt-15 mb-18" id="achievements"
						data-kt-scroll-offset="{default: 100, lg: 150}">
						<!--begin::Title-->
						<h3 class="fs-2hx text-white fw-bold mb-5">Designed to drive your
business and easier to manage</h3>
						<!--end::Title-->
						<!--begin::Description-->
						<div class="fs-5 text-gray-700 fw-bold">
							Transform the Way You Do Business <br /> by delivering unforgettable customer experiences 
						</div>
						<!--end::Description-->
					</div>
					<!--end::Heading-->
					<!--begin::Statistics-->
					<div class="d-flex flex-center">
						<!--begin::Items-->
						<div class="d-flex flex-wrap flex-center justify-content-lg-between mb-15 mx-auto w-xl-900px">
							<!--begin::Item-->
							<div
								class="d-flex flex-column flex-center h-200px w-200px h-lg-250px w-lg-250px m-3 bgi-no-repeat bgi-position-center bgi-size-contain"
								style="background-image: url('../dist1/assets/media/svg/misc/octagon.svg')">
								<!--begin::Symbol-->
								<!--begin::Svg Icon | path: icons/duotune/general/gen025.svg-->
								<span class="svg-icon svg-icon-2tx svg-icon-white mb-3"> <svg width="24" height="24"
										viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
											<rect x="2" y="2" width="9" height="9" rx="2" fill="currentColor" />
											<rect opacity="0.3" x="13" y="2" width="9" height="9" rx="2" fill="currentColor" />
											<rect opacity="0.3" x="13" y="13" width="9" height="9" rx="2" fill="currentColor" />
											<rect opacity="0.3" x="2" y="13" width="9" height="9" rx="2" fill="currentColor" />
										</svg>
								</span>
								<!--end::Svg Icon-->
								<!--end::Symbol-->
								<!--begin::Info-->
								<div class="mb-0">
									<!--begin::Value-->
									<div class="fs-lg-2hx fs-2x fw-bold text-white d-flex flex-center">
										<div class="min-w-70px" data-kt-countup="true" data-kt-countup-value="700"
											data-kt-countup-suffix="+">0</div>
									</div>
									<!--end::Value-->
									<!--begin::Label-->
									<span class="text-gray-600 fw-semibold fs-5 lh-0">Businesses</span>
									<!--end::Label-->
								</div>
								<!--end::Info-->
							</div>
							<!--end::Item-->
							<!--begin::Item-->
							<div
								class="d-flex flex-column flex-center h-200px w-200px h-lg-250px w-lg-250px m-3 bgi-no-repeat bgi-position-center bgi-size-contain"
								style="background-image: url('../dist1/assets/media/svg/misc/octagon.svg')">
								<!--begin::Symbol-->
								<!--begin::Svg Icon | path: icons/duotune/graphs/gra008.svg-->
								<span class="svg-icon svg-icon-2tx svg-icon-white mb-3"> <svg width="24" height="24"
										viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path
											d="M13 10.9128V3.01281C13 2.41281 13.5 1.91281 14.1 2.01281C16.1 2.21281 17.9 3.11284 19.3 4.61284C20.7 6.01284 21.6 7.91285 21.9 9.81285C22 10.4129 21.5 10.9128 20.9 10.9128H13Z"
											fill="currentColor" />
											<path opacity="0.3"
											d="M13 12.9128V20.8129C13 21.4129 13.5 21.9129 14.1 21.8129C16.1 21.6129 17.9 20.7128 19.3 19.2128C20.7 17.8128 21.6 15.9128 21.9 14.0128C22 13.4128 21.5 12.9128 20.9 12.9128H13Z"
											fill="currentColor" />
											<path opacity="0.3"
											d="M11 19.8129C11 20.4129 10.5 20.9129 9.89999 20.8129C5.49999 20.2129 2 16.5128 2 11.9128C2 7.31283 5.39999 3.51281 9.89999 3.01281C10.5 2.91281 11 3.41281 11 4.01281V19.8129Z"
											fill="currentColor" />
										</svg>
								</span>
								<!--end::Svg Icon-->
								<!--end::Symbol-->
								<!--begin::Info-->
								<div class="mb-0">
									<!--begin::Value-->
									<div class="fs-lg-2hx fs-2x fw-bold text-white d-flex flex-center">
										<div class="min-w-70px" data-kt-countup="true" data-kt-countup-value="12"
											data-kt-countup-suffix="k+">0</div>
									</div>
									<!--end::Value-->
									<!--begin::Label-->
									<span class="text-gray-600 fw-semibold fs-5 lh-0">Users</span>
									<!--end::Label-->
								</div>
								<!--end::Info-->
							</div>
							<!--end::Item-->
							<!--begin::Item-->
							<div
								class="d-flex flex-column flex-center h-200px w-200px h-lg-250px w-lg-250px m-3 bgi-no-repeat bgi-position-center bgi-size-contain"
								style="background-image: url('../dist1/assets/media/svg/misc/octagon.svg')">
								<!--begin::Symbol-->
								<!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm002.svg-->
								<span class="svg-icon svg-icon-2tx svg-icon-white mb-3"> <svg width="24" height="24"
										viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path
											d="M21 10H13V11C13 11.6 12.6 12 12 12C11.4 12 11 11.6 11 11V10H3C2.4 10 2 10.4 2 11V13H22V11C22 10.4 21.6 10 21 10Z"
											fill="currentColor" />
											<path opacity="0.3"
											d="M12 12C11.4 12 11 11.6 11 11V3C11 2.4 11.4 2 12 2C12.6 2 13 2.4 13 3V11C13 11.6 12.6 12 12 12Z"
											fill="currentColor" />
											<path opacity="0.3"
											d="M18.1 21H5.9C5.4 21 4.9 20.6 4.8 20.1L3 13H21L19.2 20.1C19.1 20.6 18.6 21 18.1 21ZM13 18V15C13 14.4 12.6 14 12 14C11.4 14 11 14.4 11 15V18C11 18.6 11.4 19 12 19C12.6 19 13 18.6 13 18ZM17 18V15C17 14.4 16.6 14 16 14C15.4 14 15 14.4 15 15V18C15 18.6 15.4 19 16 19C16.6 19 17 18.6 17 18ZM9 18V15C9 14.4 8.6 14 8 14C7.4 14 7 14.4 7 15V18C7 18.6 7.4 19 8 19C8.6 19 9 18.6 9 18Z"
											fill="currentColor" />
										</svg>
								</span>
								<!--end::Svg Icon-->
								<!--end::Symbol-->
								<!--begin::Info-->
								<div class="mb-0">
									<!--begin::Value-->
									<div class="fs-lg-2hx fs-2x fw-bold text-white d-flex flex-center">
										<div class="min-w-70px" data-kt-countup="true" data-kt-countup-value="3"
											data-kt-countup-suffix="M+">0</div>
									</div>
									<!--end::Value-->
									<!--begin::Label-->
									<span class="text-gray-600 fw-semibold fs-5 lh-0">End Customers</span>
									<!--end::Label-->
								</div>
								<!--end::Info-->
							</div>
							<!--end::Item-->
						</div>
						<!--end::Items-->
					</div>
					<!--end::Statistics-->
					
				</div>
				<!--end::Container-->
			</div>
			<!--end::Wrapper-->
			<!--begin::Curve bottom-->
			<div class="landing-curve landing-dark-color">
				<svg viewBox="15 12 1470 48" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
						d="M0 11C3.93573 11.3356 7.85984 11.6689 11.7725 12H1488.16C1492.1 11.6689 1496.04 11.3356 1500 11V12H1488.16C913.668 60.3476 586.282 60.6117 11.7725 12H0V11Z"
						fill="currentColor"></path>
					</svg>
			</div>
			<!--end::Curve bottom-->
		</div>
		<!--end::Statistics Section-->

		<!--begin::Testimonials Section-->
		<div class="mt-20 mb-n20 position-relative z-index-2">
			<!--begin::Container-->
			<div class="container">
				<!--begin::Heading-->
				<div class="text-center mb-17">
					<!--begin::Title-->
					<h3 class="fs-2hx text-dark mb-5" id="clients" data-kt-scroll-offset="{default: 125, lg: 150}">What
						Our Clients Say</h3>
					<!--end::Title-->
					<!--begin::Description-->
					<div class="fs-5 text-muted fw-bold">
						Here are some of our clients who have <br />empowerd their sales team to sell smarter with intelligent automation 
					</div>
					<!--end::Description-->
				</div>
				<!--end::Heading-->
				<!--begin::Row-->
				<div class="row g-lg-10 mb-10 mb-lg-20">
					<!--begin::Col-->
					<div class="col-lg-4">
						<!--begin::Testimonial-->
						<div
							class="d-flex flex-column justify-content-between h-lg-100 px-10 px-lg-0 pe-lg-10 mb-15 mb-lg-0">
							<!--begin::Wrapper-->
							<div class="mb-7">
								<!--begin::Rating-->
								<div class="rating mb-6">
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
								</div>
								<!--end::Rating-->
								<!--begin::Title-->
								<div class="fs-2 fw-bold text-dark mb-3">
									This is by far the cleanest template <br />and the most well structured
								</div>
								<!--end::Title-->
								<!--begin::Feedback-->
								<div class="text-gray-500 fw-semibold fs-4">The most well thought out design theme I
									have ever used. The codes are up to tandard. The css styles are very clean. In fact the
									cleanest and the most up to standard I have ever seen.</div>
								<!--end::Feedback-->
							</div>
							<!--end::Wrapper-->
							<!--begin::Author-->
							<div class="d-flex align-items-center">
								<!--begin::Avatar-->
								<div class="symbol symbol-circle symbol-50px me-5">
									<img src="../dist1/assets/media/avatars/300-1.jpg" class="" alt="" />
								</div>
								<!--end::Avatar-->
								<!--begin::Name-->
								<div class="flex-grow-1">
									<a href="#" class="text-dark fw-bold text-hover-primary fs-6">Paul Miles</a> <span
										class="text-muted d-block fw-bold">Development Lead</span>
								</div>
								<!--end::Name-->
							</div>
							<!--end::Author-->
						</div>
						<!--end::Testimonial-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-lg-4">
						<!--begin::Testimonial-->
						<div
							class="d-flex flex-column justify-content-between h-lg-100 px-10 px-lg-0 pe-lg-10 mb-15 mb-lg-0">
							<!--begin::Wrapper-->
							<div class="mb-7">
								<!--begin::Rating-->
								<div class="rating mb-6">
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
								</div>
								<!--end::Rating-->
								<!--begin::Title-->
								<div class="fs-2 fw-bold text-dark mb-3">
									This is by far the cleanest template <br />and the most well structured
								</div>
								<!--end::Title-->
								<!--begin::Feedback-->
								<div class="text-gray-500 fw-semibold fs-4">The most well thought out design theme I
									have ever used. The codes are up to tandard. The css styles are very clean. In fact the
									cleanest and the most up to standard I have ever seen.</div>
								<!--end::Feedback-->
							</div>
							<!--end::Wrapper-->
							<!--begin::Author-->
							<div class="d-flex align-items-center">
								<!--begin::Avatar-->
								<div class="symbol symbol-circle symbol-50px me-5">
									<img src="../dist1/assets/media/avatars/300-2.jpg" class="" alt="" />
								</div>
								<!--end::Avatar-->
								<!--begin::Name-->
								<div class="flex-grow-1">
									<a href="#" class="text-dark fw-bold text-hover-primary fs-6">Janya Clebert</a> <span
										class="text-muted d-block fw-bold">Development Lead</span>
								</div>
								<!--end::Name-->
							</div>
							<!--end::Author-->
						</div>
						<!--end::Testimonial-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-lg-4">
						<!--begin::Testimonial-->
						<div
							class="d-flex flex-column justify-content-between h-lg-100 px-10 px-lg-0 pe-lg-10 mb-15 mb-lg-0">
							<!--begin::Wrapper-->
							<div class="mb-7">
								<!--begin::Rating-->
								<div class="rating mb-6">
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
									<div class="rating-label me-2 checked">
										<i class="bi bi-star-fill fs-5"></i>
									</div>
								</div>
								<!--end::Rating-->
								<!--begin::Title-->
								<div class="fs-2 fw-bold text-dark mb-3">
									This is by far the cleanest template <br />and the most well structured
								</div>
								<!--end::Title-->
								<!--begin::Feedback-->
								<div class="text-gray-500 fw-semibold fs-4">The most well thought out design theme I
									have ever used. The codes are up to tandard. The css styles are very clean. In fact the
									cleanest and the most up to standard I have ever seen.</div>
								<!--end::Feedback-->
							</div>
							<!--end::Wrapper-->
							<!--begin::Author-->
							<div class="d-flex align-items-center">
								<!--begin::Avatar-->
								<div class="symbol symbol-circle symbol-50px me-5">
									<img src="../dist1/assets/media/avatars/300-16.jpg" class="" alt="" />
								</div>
								<!--end::Avatar-->
								<!--begin::Name-->
								<div class="flex-grow-1">
									<a href="#" class="text-dark fw-bold text-hover-primary fs-6">Steave Brown</a> <span
										class="text-muted d-block fw-bold">Development Lead</span>
								</div>
								<!--end::Name-->
							</div>
							<!--end::Author-->
						</div>
						<!--end::Testimonial-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Row-->
				<!--begin::Highlight-->
				<div
					class="d-flex flex-stack flex-wrap flex-md-nowrap card-rounded shadow p-8 p-lg-12 mb-n5 mb-lg-n13"
					style="background: linear-gradient(90deg, #20AA3E 0%, #03A588 100%);">
					<!--begin::Content-->
					<div class="my-2 me-5">
						<!--begin::Title-->
						<div class="fs-1 fs-lg-2qx fw-bold text-white mb-2">
							Start With Terracle Today, <span class="fw-normal">See how we can fasttrack your team!</span>
						</div>
						<!--end::Title-->
						<!--begin::Description-->
						<div class="fs-6 fs-lg-5 text-white fw-semibold opacity-75">Join our
							Professionals Community to Stay Ahead</div>
						<!--end::Description-->
					</div>
					<!--end::Content-->
					<!--begin::Link-->
					<a href="/schedule-demo"
						class="btn btn-lg btn-outline border-2 btn-outline-white flex-shrink-0 my-2">Schedule a Live Demo</a>
					<!--end::Link-->
				</div>
				<!--end::Highlight-->
			</div>
			<!--end::Container-->
		</div>
		<!--end::Testimonials Section-->

	</div>
                <!--begin::Footer Section-->
			<div class="mb-0">
				<!--begin::Curve top-->
				<div class="landing-curve landing-dark-color">
					<svg viewBox="15 -1 1470 48" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M1 48C4.93573 47.6644 8.85984 47.3311 12.7725 47H1489.16C1493.1 47.3311 1497.04 47.6644 1501 48V47H1489.16C914.668 -1.34764 587.282 -1.61174 12.7725 47H1V48Z" fill="currentColor"></path>
					</svg>
				</div>
				<!--end::Curve top-->
				<!--begin::Wrapper-->
				<div class="landing-dark-bg pt-20">
					<!--begin::Container-->
					<div class="container">
						<!--begin::Row-->
						<div class="row py-10 py-lg-20">
							<!--begin::Col-->
							<div class="col-lg-6 pe-lg-16 mb-10 mb-lg-0">
							<!--begin::Block-->
								<div class="rounded landing-dark-border p-9 mb-10">
									<!--begin::Title-->
									<h2 class="text-white">Are you ready for faster growth?</h2>
									<!--end::Title-->
									<!--begin::Text-->
									<span class="fw-normal fs-4 text-gray-700">
									<a href="/schedule-demo" class="text-white opacity-50 text-hover-primary">Click to Schedule a call with our Growth Consultant</a></span>
									<!--end::Text-->
								</div>
								<!--end::Block-->
								<!--begin::Block-->
								<div class="rounded landing-dark-border p-9 mb-10">
									<!--begin::Title-->
									<h2 class="text-white">Would you need a Custom License?</h2>
									<!--end::Title-->
									<!--begin::Text-->
									<span class="fw-normal fs-4 text-gray-700">
									<a href="/schedule-demo" class="text-white opacity-50 text-hover-primary">Click to Schedule a call with our Product Experts</a></span>
									<!--end::Text-->
								</div>
								<!--end::Block-->
							</div>
							<!--end::Col-->
							<!--begin::Col-->
							<div class="col-lg-6 ps-lg-16">
								<!--begin::Navs-->
								<div class="d-flex justify-content-center">
									<!--begin::Links-->
									<div class="d-flex fw-semibold flex-column me-20">
										<!--begin::Subtitle-->
										<h4 class="fw-bold text-gray-400 mb-6">Products</h4>
										<!--end::Subtitle-->
										<a href="/terracle-crm-for-agents" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Terracle CRM for Agents</a>
										<a href="/terracle-crm-for-developers" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Terracle CRM for Developers</a>
										<a href="/website-for-agents" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Website for Agents</a>
										<a href="/terracle-crm-for-agents" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Website for Developers</a>
										<a href="/terracle-crm-for-agents" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Real Estate Portal</a>
										<a href="/terracle-crm-for-agents" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Terracle Portal Listing</a>
										
									</div>
									<!--end::Links-->
									<!--begin::Links-->
									<div class="d-flex fw-semibold flex-column ms-lg-20">
										<!--begin::Subtitle-->
										<h4 class="fw-bold text-gray-400 mb-6">Company</h4>
										<!--end::Subtitle-->
										<a href="/aboutus" class="text-white opacity-50 text-hover-primary fs-5 mb-6">About Us</a>
										<a href="/why-choose-us" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Why Choose Us</a>
										<a href="/careers" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Careers</a>
										<a href="/partner-with-us" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Partner With Us</a>
										<a href="/contactus" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Contact Us</a>
										<a href="/refund-policy" class="text-white opacity-50 text-hover-primary fs-5 mb-6">Refund Policy</a>
									</div>
									<!--end::Links-->
								</div>
								<!--end::Navs-->
							</div>
							<!--end::Col-->
						</div>
						<!--end::Row-->
					</div>
					<!--end::Container-->
					<!--begin::Separator-->
					<div class="landing-dark-separator"></div>
					<!--end::Separator-->
					<!--begin::Container-->
					<div class="container">
						<!--begin::Wrapper-->
						<div class="d-flex flex-column flex-md-row flex-stack py-7 py-lg-10">
							<!--begin::Copyright-->
							<div class="d-flex align-items-center order-2 order-md-1">
								<!--begin::Logo-->
								
								<!--end::Logo image-->
								<!--begin::Logo image-->
								<span class="mx-5 fs-6 fw-semibold text-gray-600 pt-1" href="https://emax.in" target="_blank">2024&copy; Emax Technologies Private Limited</span>
								<!--end::Logo image-->
							</div>
							<!--end::Copyright-->
							<!--begin::Menu-->
							<ul class="menu menu-gray-600 menu-hover-primary fw-semibold fs-6 fs-md-5 order-1 mb-5 mb-md-0">
								<li class="menu-item">
									<a href="/terms-and-conditions" class="menu-link px-2">Terms & Conditions</a>
								</li>
								<li class="menu-item">
									<a href="/cookies-policy" class="menu-link px-2">Cookies</a>
								</li>
								<li class="menu-item">
									<a href="/privacy-policy" class="menu-link px-2">Privacy</a>
								</li>
								<li class="menu-item">
									<a href="/security-policy" class="menu-link px-2">Security</a>
								</li>
								<li class="menu-item">
									<a href="/sitemap" class="menu-link px-2">Sitemap</a>
								</li>
								    
							</ul>
							<!--end::Menu-->
						</div>
						<!--end::Wrapper-->
					</div>
					<!--end::Container-->
				</div>
				<!--end::Wrapper-->
			</div>
			<!--end::Footer Section-->




<!--begin::Footer-->

<!--end::Footer-->
<!--                <div th:replace="~{${@theme.getView('partials/header-layout/_footer.html')}"></div>-->
            </div>
            <!--end:::Main-->
        </div>
        <!--end::Wrapper-->
    </div>
    <!--end::Page-->
</div>

    <div>
    <!--begin::Drawers-->
<!--begin::Activities drawer-->
<div id="kt_activities" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="activities" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'lg': '900px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_activities_toggle" data-kt-drawer-close="#kt_activities_close">
	<div class="card shadow-none border-0 rounded-0">
		<!--begin::Header-->
		<div class="card-header" id="kt_activities_header">
			<h3 class="card-title fw-bold text-dark">Activity Logs</h3>
			<div class="card-toolbar">
				<button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n5" id="kt_activities_close"><span class="svg-icon svg-icon-1"></span></button>
			</div>
		</div>
		<!--end::Header-->
		<!--begin::Body-->
		<div class="card-body position-relative" id="kt_activities_body">
			<!--begin::Content-->
			<div id="kt_activities_scroll" class="position-relative scroll-y me-n5 pe-5" data-kt-scroll="true" data-kt-scroll-height="auto" data-kt-scroll-wrappers="#kt_activities_body" data-kt-scroll-dependencies="#kt_activities_header, #kt_activities_footer" data-kt-scroll-offset="5px">
				<!--begin::Timeline items-->
				<div class="timeline">
					<!--begin::Timeline item-->
					<div class="timeline-item">
						<!--begin::Timeline line-->
						<div class="timeline-line w-40px"></div>
						<!--end::Timeline line-->
						<!--begin::Timeline icon-->
						<div class="timeline-icon symbol symbol-circle symbol-40px me-4">
							<div class="symbol-label bg-light"><span class="svg-icon svg-icon-2 svg-icon-gray-500"></span></div>
						</div>
						<!--end::Timeline icon-->
						<!--begin::Timeline content-->
						<div class="timeline-content mb-10 mt-n1">
							<!--begin::Timeline heading-->
							<div class="pe-3 mb-5">
								<!--begin::Title-->
								<div class="fs-5 fw-semibold mb-2">There are 2 new tasks for you in “AirPlus Mobile App” project:</div>
								<!--end::Title-->
								<!--begin::Description-->
								<div class="d-flex align-items-center mt-1 fs-6">
									<!--begin::Info-->
									<div class="text-muted me-2 fs-7">Added at 4:23 PM by</div>
									<!--end::Info-->
									<!--begin::User-->
									<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Nina Nilson">
										<img src="../dist1/assets/media/avatars/300-14.jpg" alt="img" />
									</div>
									<!--end::User-->
								</div>
								<!--end::Description-->
							</div>
							<!--end::Timeline heading-->
							<!--begin::Timeline details-->
							<div class="overflow-auto pb-5">
								<!--begin::Record-->
								<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-5">
									<!--begin::Title-->
									<a href="?page=apps/projects/project" class="fs-5 text-dark text-hover-primary fw-semibold w-375px min-w-200px">Meeting with customer</a>
									<!--end::Title-->
									<!--begin::Label-->
									<div class="min-w-175px pe-2">
										<span class="badge badge-light text-muted">Application Design</span>
									</div>
									<!--end::Label-->
									<!--begin::Users-->
									<div class="symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px pe-2">
										<!--begin::User-->
										<div class="symbol symbol-circle symbol-25px">
											<img src="../dist1/assets/media/avatars/300-2.jpg" alt="img" />
										</div>
										<!--end::User-->
										<!--begin::User-->
										<div class="symbol symbol-circle symbol-25px">
											<img src="../dist1/assets/media/avatars/300-14.jpg" alt="img" />
										</div>
										<!--end::User-->
										<!--begin::User-->
										<div class="symbol symbol-circle symbol-25px">
											<div class="symbol-label fs-8 fw-semibold bg-primary text-inverse-primary">A</div>
										</div>
										<!--end::User-->
									</div>
									<!--end::Users-->
									<!--begin::Progress-->
									<div class="min-w-125px pe-2">
										<span class="badge badge-light-primary">In Progress</span>
									</div>
									<!--end::Progress-->
									<!--begin::Action-->
									<a href="?page=apps/projects/project" class="btn btn-sm btn-light btn-active-light-primary">View</a>
									<!--end::Action-->
								</div>
								<!--end::Record-->
								<!--begin::Record-->
								<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-0">
									<!--begin::Title-->
									<a href="?page=apps/projects/project" class="fs-5 text-dark text-hover-primary fw-semibold w-375px min-w-200px">Project Delivery Preparation</a>
									<!--end::Title-->
									<!--begin::Label-->
									<div class="min-w-175px">
										<span class="badge badge-light text-muted">CRM System Development</span>
									</div>
									<!--end::Label-->
									<!--begin::Users-->
									<div class="symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px">
										<!--begin::User-->
										<div class="symbol symbol-circle symbol-25px">
											<img src="../dist1/assets/media/avatars/300-20.jpg" alt="img" />
										</div>
										<!--end::User-->
										<!--begin::User-->
										<div class="symbol symbol-circle symbol-25px">
											<div class="symbol-label fs-8 fw-semibold bg-success text-inverse-primary">B</div>
										</div>
										<!--end::User-->
									</div>
									<!--end::Users-->
									<!--begin::Progress-->
									<div class="min-w-125px">
										<span class="badge badge-light-success">Completed</span>
									</div>
									<!--end::Progress-->
									<!--begin::Action-->
									<a href="?page=apps/projects/project" class="btn btn-sm btn-light btn-active-light-primary">View</a>
									<!--end::Action-->
								</div>
								<!--end::Record-->
							</div>
							<!--end::Timeline details-->
						</div>
						<!--end::Timeline content-->
					</div>
					<!--end::Timeline item-->
					<!--begin::Timeline item-->
					<div class="timeline-item">
						<!--begin::Timeline line-->
						<div class="timeline-line w-40px"></div>
						<!--end::Timeline line-->
						<!--begin::Timeline icon-->
						<div class="timeline-icon symbol symbol-circle symbol-40px">
							<div class="symbol-label bg-light"><span class="svg-icon svg-icon-2 svg-icon-gray-500"></span></div>
						</div>
						<!--end::Timeline icon-->
						<!--begin::Timeline content-->
						<div class="timeline-content mb-10 mt-n2">
							<!--begin::Timeline heading-->
							<div class="overflow-auto pe-3">
								<!--begin::Title-->
								<div class="fs-5 fw-semibold mb-2">Invitation for crafting engaging designs that speak human workshop</div>
								<!--end::Title-->
								<!--begin::Description-->
								<div class="d-flex align-items-center mt-1 fs-6">
									<!--begin::Info-->
									<div class="text-muted me-2 fs-7">Sent at 4:23 PM by</div>
									<!--end::Info-->
									<!--begin::User-->
									<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Alan Nilson">
										<img src="../dist1/assets/media/avatars/300-1.jpg" alt="img" />
									</div>
									<!--end::User-->
								</div>
								<!--end::Description-->
							</div>
							<!--end::Timeline heading-->
						</div>
						<!--end::Timeline content-->
					</div>
					<!--end::Timeline item-->
					<!--begin::Timeline item-->
					<div class="timeline-item">
						<!--begin::Timeline line-->
						<div class="timeline-line w-40px"></div>
						<!--end::Timeline line-->
						<!--begin::Timeline icon-->
						<div class="timeline-icon symbol symbol-circle symbol-40px">
							<div class="symbol-label bg-light"><span class="svg-icon svg-icon-2 svg-icon-gray-500"></span></div>
						</div>
						<!--end::Timeline icon-->
						<!--begin::Timeline content-->
						<div class="timeline-content mb-10 mt-n1">
							<!--begin::Timeline heading-->
							<div class="mb-5 pe-3">
								<!--begin::Title-->
								<a href="#" class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">3 New Incoming Project Files:</a>
								<!--end::Title-->
								<!--begin::Description-->
								<div class="d-flex align-items-center mt-1 fs-6">
									<!--begin::Info-->
									<div class="text-muted me-2 fs-7">Sent at 10:30 PM by</div>
									<!--end::Info-->
									<!--begin::User-->
									<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Jan Hummer">
										<img src="../dist1/assets/media/avatars/300-23.jpg" alt="img" />
									</div>
									<!--end::User-->
								</div>
								<!--end::Description-->
							</div>
							<!--end::Timeline heading-->
							<!--begin::Timeline details-->
							<div class="overflow-auto pb-5">
								<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-5">
									<!--begin::Item-->
									<div class="d-flex flex-aligns-center pe-10 pe-lg-20">
										<!--begin::Icon-->
										<img alt="" class="w-30px me-3" src="../dist1/assets/media/svg/files/pdf.svg" />
										<!--end::Icon-->
										<!--begin::Info-->
										<div class="ms-1 fw-semibold">
											<!--begin::Desc-->
											<a href="?page=apps/projects/project" class="fs-6 text-hover-primary fw-bold">Finance KPI App Guidelines</a>
											<!--end::Desc-->
											<!--begin::Number-->
											<div class="text-gray-400">1.9mb</div>
											<!--end::Number-->
										</div>
										<!--begin::Info-->
									</div>
									<!--end::Item-->
									<!--begin::Item-->
									<div class="d-flex flex-aligns-center pe-10 pe-lg-20">
										<!--begin::Icon-->
										<img alt="?page=apps/projects/project" class="w-30px me-3" src="../dist1/assets/media/svg/files/doc.svg" />
										<!--end::Icon-->
										<!--begin::Info-->
										<div class="ms-1 fw-semibold">
											<!--begin::Desc-->
											<a href="#" class="fs-6 text-hover-primary fw-bold">Client UAT Testing Results</a>
											<!--end::Desc-->
											<!--begin::Number-->
											<div class="text-gray-400">18kb</div>
											<!--end::Number-->
										</div>
										<!--end::Info-->
									</div>
									<!--end::Item-->
									<!--begin::Item-->
									<div class="d-flex flex-aligns-center">
										<!--begin::Icon-->
										<img alt="?page=apps/projects/project" class="w-30px me-3" src="../dist1/assets/media/svg/files/css.svg" />
										<!--end::Icon-->
										<!--begin::Info-->
										<div class="ms-1 fw-semibold">
											<!--begin::Desc-->
											<a href="#" class="fs-6 text-hover-primary fw-bold">Finance Reports</a>
											<!--end::Desc-->
											<!--begin::Number-->
											<div class="text-gray-400">20mb</div>
											<!--end::Number-->
										</div>
										<!--end::Icon-->
									</div>
									<!--end::Item-->
								</div>
							</div>
							<!--end::Timeline details-->
						</div>
						<!--end::Timeline content-->
					</div>
					<!--end::Timeline item-->
					<!--begin::Timeline item-->
					<div class="timeline-item">
						<!--begin::Timeline line-->
						<div class="timeline-line w-40px"></div>
						<!--end::Timeline line-->
						<!--begin::Timeline icon-->
						<div class="timeline-icon symbol symbol-circle symbol-40px">
							<div class="symbol-label bg-light"><span class="svg-icon svg-icon-2 svg-icon-gray-500"></span></div>
						</div>
						<!--end::Timeline icon-->
						<!--begin::Timeline content-->
						<div class="timeline-content mb-10 mt-n1">
							<!--begin::Timeline heading-->
							<div class="pe-3 mb-5">
								<!--begin::Title-->
								<div class="fs-5 fw-semibold mb-2">Task 
								<a href="#" class="text-primary fw-bold me-1">#45890</a>merged with 
								<a href="#" class="text-primary fw-bold me-1">#45890</a>in “Ads Pro Admin Dashboard project:</div>
								<!--end::Title-->
								<!--begin::Description-->
								<div class="d-flex align-items-center mt-1 fs-6">
									<!--begin::Info-->
									<div class="text-muted me-2 fs-7">Initiated at 4:23 PM by</div>
									<!--end::Info-->
									<!--begin::User-->
									<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Nina Nilson">
										<img src="../dist1/assets/media/avatars/300-14.jpg" alt="img" />
									</div>
									<!--end::User-->
								</div>
								<!--end::Description-->
							</div>
							<!--end::Timeline heading-->
						</div>
						<!--end::Timeline content-->
					</div>
					<!--end::Timeline item-->
					<!--begin::Timeline item-->
					<div class="timeline-item">
						<!--begin::Timeline line-->
						<div class="timeline-line w-40px"></div>
						<!--end::Timeline line-->
						<!--begin::Timeline icon-->
						<div class="timeline-icon symbol symbol-circle symbol-40px">
							<div class="symbol-label bg-light"><span class="svg-icon svg-icon-2 svg-icon-gray-500"></span></div>
						</div>
						<!--end::Timeline icon-->
						<!--begin::Timeline content-->
						<div class="timeline-content mb-10 mt-n1">
							<!--begin::Timeline heading-->
							<div class="pe-3 mb-5">
								<!--begin::Title-->
								<div class="fs-5 fw-semibold mb-2">3 new application design concepts added:</div>
								<!--end::Title-->
								<!--begin::Description-->
								<div class="d-flex align-items-center mt-1 fs-6">
									<!--begin::Info-->
									<div class="text-muted me-2 fs-7">Created at 4:23 PM by</div>
									<!--end::Info-->
									<!--begin::User-->
									<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Marcus Dotson">
										<img src="../dist1/assets/media/avatars/300-2.jpg" alt="img" />
									</div>
									<!--end::User-->
								</div>
								<!--end::Description-->
							</div>
							<!--end::Timeline heading-->
							<!--begin::Timeline details-->
							<div class="overflow-auto pb-5">
								<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-7">
									<!--begin::Item-->
									<div class="overlay me-10">
										<!--begin::Image-->
										<div class="overlay-wrapper">
											<img alt="img" class="rounded w-150px" src="../dist1/assets/media/stock/600x400/img-29.jpg" />
										</div>
										<!--end::Image-->
										<!--begin::Link-->
										<div class="overlay-layer bg-dark bg-opacity-10 rounded">
											<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
										</div>
										<!--end::Link-->
									</div>
									<!--end::Item-->
									<!--begin::Item-->
									<div class="overlay me-10">
										<!--begin::Image-->
										<div class="overlay-wrapper">
											<img alt="img" class="rounded w-150px" src="../dist1/assets/media/stock/600x400/img-31.jpg" />
										</div>
										<!--end::Image-->
										<!--begin::Link-->
										<div class="overlay-layer bg-dark bg-opacity-10 rounded">
											<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
										</div>
										<!--end::Link-->
									</div>
									<!--end::Item-->
									<!--begin::Item-->
									<div class="overlay">
										<!--begin::Image-->
										<div class="overlay-wrapper">
											<img alt="img" class="rounded w-150px" src="../dist1/assets/media/stock/600x400/img-40.jpg" />
										</div>
										<!--end::Image-->
										<!--begin::Link-->
										<div class="overlay-layer bg-dark bg-opacity-10 rounded">
											<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
										</div>
										<!--end::Link-->
									</div>
									<!--end::Item-->
								</div>
							</div>
							<!--end::Timeline details-->
						</div>
						<!--end::Timeline content-->
					</div>
					<!--end::Timeline item-->
					<!--begin::Timeline item-->
					<div class="timeline-item">
						<!--begin::Timeline line-->
						<div class="timeline-line w-40px"></div>
						<!--end::Timeline line-->
						<!--begin::Timeline icon-->
						<div class="timeline-icon symbol symbol-circle symbol-40px">
							<div class="symbol-label bg-light"><span class="svg-icon svg-icon-2 svg-icon-gray-500"></span></div>
						</div>
						<!--end::Timeline icon-->
						<!--begin::Timeline content-->
						<div class="timeline-content mb-10 mt-n1">
							<!--begin::Timeline heading-->
							<div class="pe-3 mb-5">
								<!--begin::Title-->
								<div class="fs-5 fw-semibold mb-2">New case 
								<a href="#" class="text-primary fw-bold me-1">#67890</a>is assigned to you in Multi-platform Database Design project</div>
								<!--end::Title-->
								<!--begin::Description-->
								<div class="overflow-auto pb-5">
									<!--begin::Wrapper-->
									<div class="d-flex align-items-center mt-1 fs-6">
										<!--begin::Info-->
										<div class="text-muted me-2 fs-7">Added at 4:23 PM by</div>
										<!--end::Info-->
										<!--begin::User-->
										<a href="#" class="text-primary fw-bold me-1">Alice Tan</a>
										<!--end::User-->
									</div>
									<!--end::Wrapper-->
								</div>
								<!--end::Description-->
							</div>
							<!--end::Timeline heading-->
						</div>
						<!--end::Timeline content-->
					</div>
					<!--end::Timeline item-->
					<!--begin::Timeline item-->
					<div class="timeline-item">
						<!--begin::Timeline line-->
						<div class="timeline-line w-40px"></div>
						<!--end::Timeline line-->
						<!--begin::Timeline icon-->
						<div class="timeline-icon symbol symbol-circle symbol-40px">
							<div class="symbol-label bg-light"><span class="svg-icon svg-icon-2 svg-icon-gray-500"></span></div>
						</div>
						<!--end::Timeline icon-->
						<!--begin::Timeline content-->
						<div class="timeline-content mb-10 mt-n1">
							<!--begin::Timeline heading-->
							<div class="pe-3 mb-5">
								<!--begin::Title-->
								<div class="fs-5 fw-semibold mb-2">You have received a new order:</div>
								<!--end::Title-->
								<!--begin::Description-->
								<div class="d-flex align-items-center mt-1 fs-6">
									<!--begin::Info-->
									<div class="text-muted me-2 fs-7">Placed at 5:05 AM by</div>
									<!--end::Info-->
									<!--begin::User-->
									<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Robert Rich">
										<img src="../dist1/assets/media/avatars/300-4.jpg" alt="img" />
									</div>
									<!--end::User-->
								</div>
								<!--end::Description-->
							</div>
							<!--end::Timeline heading-->
							<!--begin::Timeline details-->
							<div class="overflow-auto pb-5">
								<!--begin::Notice-->
<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed min-w-lg-600px flex-shrink-0 p-6">
<!--begin::Icon-->
<span class="svg-icon svg-icon-2tx svg-icon-primary me-4"></span> 
<!--end::Icon-->
<!--begin::Wrapper-->
<div class="d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap">
	<!--begin::Content-->
	<div class="mb-3 mb-md-0 fw-semibold">
		<h4 class="text-gray-900 fw-bold">Database Backup Process Completed!</h4>
		<div class="fs-6 text-gray-700 pe-7">Login into Admin Dashboard to make sure the data integrity is OK</div>
	</div>
	<!--end::Content-->
	<!--begin::Action-->
	<a href="#" class="btn btn-primary px-6 align-self-center text-nowrap">Proceed</a>
	<!--end::Action-->
</div>
<!--end::Wrapper--></div>
<!--end::Notice-->
							</div>
							<!--end::Timeline details-->
						</div>
						<!--end::Timeline content-->
					</div>
					<!--end::Timeline item-->
					<!--begin::Timeline item-->
					<div class="timeline-item">
						<!--begin::Timeline line-->
						<div class="timeline-line w-40px"></div>
						<!--end::Timeline line-->
						<!--begin::Timeline icon-->
						<div class="timeline-icon symbol symbol-circle symbol-40px">
							<div class="symbol-label bg-light"><span class="svg-icon svg-icon-2 svg-icon-gray-500"></span></div>
						</div>
						<!--end::Timeline icon-->
						<!--begin::Timeline content-->
						<div class="timeline-content mt-n1">
							<!--begin::Timeline heading-->
							<div class="pe-3 mb-5">
								<!--begin::Title-->
								<div class="fs-5 fw-semibold mb-2">New order 
								<a href="#" class="text-primary fw-bold me-1">#67890</a>is placed for Workshow Planning & Budget Estimation</div>
								<!--end::Title-->
								<!--begin::Description-->
								<div class="d-flex align-items-center mt-1 fs-6">
									<!--begin::Info-->
									<div class="text-muted me-2 fs-7">Placed at 4:23 PM by</div>
									<!--end::Info-->
									<!--begin::User-->
									<a href="#" class="text-primary fw-bold me-1">Jimmy Bold</a>
									<!--end::User-->
								</div>
								<!--end::Description-->
							</div>
							<!--end::Timeline heading-->
						</div>
						<!--end::Timeline content-->
					</div>
					<!--end::Timeline item-->
				</div>
				<!--end::Timeline items-->
			</div>
			<!--end::Content-->
		</div>
		<!--end::Body-->
		<!--begin::Footer-->
		<div class="card-footer py-5 text-center" id="kt_activities_footer">
			<a href="?page=pages/user-profile/activity" class="btn btn-bg-body text-primary">View All Activities <span class="svg-icon svg-icon-3 svg-icon-primary"></span></a>
		</div>
		<!--end::Footer-->
	</div>
</div>
<!--end::Activities drawer-->
<!--begin::Chat drawer-->
<div id="kt_drawer_chat" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="chat" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_chat_toggle" data-kt-drawer-close="#kt_drawer_chat_close">
	<!--begin::Messenger-->
	<div class="card w-100 rounded-0 border-0" id="kt_drawer_chat_messenger">
		<!--begin::Card header-->
		<div class="card-header pe-5" id="kt_drawer_chat_messenger_header">
			<!--begin::Title-->
			<div class="card-title">
				<!--begin::User-->
				<div class="d-flex justify-content-center flex-column me-3">
					<a href="#" class="fs-4 fw-bold text-gray-900 text-hover-primary me-1 mb-2 lh-1">Brian Cox</a>
					<!--begin::Info-->
					<div class="mb-0 lh-1">
						<span class="badge badge-success badge-circle w-10px h-10px me-1"></span>
						<span class="fs-7 fw-semibold text-muted">Active</span>
					</div>
					<!--end::Info-->
				</div>
				<!--end::User-->
			</div>
			<!--end::Title-->
			<!--begin::Card toolbar-->
			<div class="card-toolbar">
				<!--begin::Menu-->
				<div class="me-2">
					<button class="btn btn-sm btn-icon btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
						<i class="bi bi-three-dots fs-3"></i>
					</button>
					<!--begin::Menu 3-->
					<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
						<!--begin::Heading-->
						<div class="menu-item px-3">
							<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Contacts</div>
						</div>
						<!--end::Heading-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_users_search">Add Contact</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link flex-stack px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">Invite Contacts 
							<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify a contact email to send an invitation"></i></a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
							<a href="#" class="menu-link px-3">
								<span class="menu-title">Groups</span>
								<span class="menu-arrow"></span>
							</a>
							<!--begin::Menu sub-->
							<div class="menu-sub menu-sub-dropdown w-175px py-4">
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Create Group</a>
								</div>
								<!--end::Menu item-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Invite Members</a>
								</div>
								<!--end::Menu item-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
								</div>
								<!--end::Menu item-->
							</div>
							<!--end::Menu sub-->
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3 my-1">
							<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
						</div>
						<!--end::Menu item-->
					</div>
					<!--end::Menu 3-->
				</div>
				<!--end::Menu-->
				<!--begin::Close-->
				<div class="btn btn-sm btn-icon btn-active-light-primary" id="kt_drawer_chat_close"><span class="svg-icon svg-icon-2"></span></div>
				<!--end::Close-->
			</div>
			<!--end::Card toolbar-->
		</div>
		<!--end::Card header-->
		<!--begin::Card body-->
		<div class="card-body" id="kt_drawer_chat_messenger_body">
			<!--begin::Messages-->
			<div class="scroll-y me-n5 pe-5" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px">
				<!--begin::Message(in)-->
				<div class="d-flex justify-content-start mb-10">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-start">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-25.jpg" />
							</div>
							<!--end::Avatar-->
							<!--begin::Details-->
							<div class="ms-3">
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
								<span class="text-muted fs-7 mb-1">2 mins</span>
							</div>
							<!--end::Details-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">How likely are you to recommend our company to your friends and family ?</div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(in)-->
				<!--begin::Message(out)-->
				<div class="d-flex justify-content-end mb-10">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-end">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Details-->
							<div class="me-3">
								<span class="text-muted fs-7 mb-1">5 mins</span>
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
							</div>
							<!--end::Details-->
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-1.jpg" />
							</div>
							<!--end::Avatar-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.</div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(out)-->
				<!--begin::Message(in)-->
				<div class="d-flex justify-content-start mb-10">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-start">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-25.jpg" />
							</div>
							<!--end::Avatar-->
							<!--begin::Details-->
							<div class="ms-3">
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
								<span class="text-muted fs-7 mb-1">1 Hour</span>
							</div>
							<!--end::Details-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Ok, Understood!</div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(in)-->
				<!--begin::Message(out)-->
				<div class="d-flex justify-content-end mb-10">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-end">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Details-->
							<div class="me-3">
								<span class="text-muted fs-7 mb-1">2 Hours</span>
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
							</div>
							<!--end::Details-->
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-1.jpg" />
							</div>
							<!--end::Avatar-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">You’ll receive notifications for all issues, pull requests!</div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(out)-->
				<!--begin::Message(in)-->
				<div class="d-flex justify-content-start mb-10">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-start">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-25.jpg" />
							</div>
							<!--end::Avatar-->
							<!--begin::Details-->
							<div class="ms-3">
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
								<span class="text-muted fs-7 mb-1">3 Hours</span>
							</div>
							<!--end::Details-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">You can unwatch this repository immediately by clicking here: 
						<a href="https://keenthemes.com">Keenthemes.com</a></div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(in)-->
				<!--begin::Message(out)-->
				<div class="d-flex justify-content-end mb-10">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-end">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Details-->
							<div class="me-3">
								<span class="text-muted fs-7 mb-1">4 Hours</span>
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
							</div>
							<!--end::Details-->
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-1.jpg" />
							</div>
							<!--end::Avatar-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Most purchased Business courses during this sale!</div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(out)-->
				<!--begin::Message(in)-->
				<div class="d-flex justify-content-start mb-10">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-start">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-25.jpg" />
							</div>
							<!--end::Avatar-->
							<!--begin::Details-->
							<div class="ms-3">
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
								<span class="text-muted fs-7 mb-1">5 Hours</span>
							</div>
							<!--end::Details-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided</div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(in)-->
				<!--begin::Message(template for out)-->
				<div class="d-flex justify-content-end mb-10 d-none" data-kt-element="template-out">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-end">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Details-->
							<div class="me-3">
								<span class="text-muted fs-7 mb-1">Just now</span>
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
							</div>
							<!--end::Details-->
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-1.jpg" />
							</div>
							<!--end::Avatar-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text"></div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(template for out)-->
				<!--begin::Message(template for in)-->
				<div class="d-flex justify-content-start mb-10 d-none" data-kt-element="template-in">
					<!--begin::Wrapper-->
					<div class="d-flex flex-column align-items-start">
						<!--begin::User-->
						<div class="d-flex align-items-center mb-2">
							<!--begin::Avatar-->
							<div class="symbol symbol-35px symbol-circle">
								<img alt="Pic" src="../dist1/assets/media/avatars/300-25.jpg" />
							</div>
							<!--end::Avatar-->
							<!--begin::Details-->
							<div class="ms-3">
								<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
								<span class="text-muted fs-7 mb-1">Just now</span>
							</div>
							<!--end::Details-->
						</div>
						<!--end::User-->
						<!--begin::Text-->
						<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Right before vacation season we have the next Big Deal for you.</div>
						<!--end::Text-->
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Message(template for in)-->
			</div>
			<!--end::Messages-->
		</div>
		<!--end::Card body-->
		<!--begin::Card footer-->
		<div class="card-footer pt-4" id="kt_drawer_chat_messenger_footer">
			<!--begin::Input-->
			<textarea class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Type a message"></textarea>
			<!--end::Input-->
			<!--begin:Toolbar-->
			<div class="d-flex flex-stack">
				<!--begin::Actions-->
				<div class="d-flex align-items-center me-2">
					<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">
						<i class="bi bi-paperclip fs-3"></i>
					</button>
					<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">
						<i class="bi bi-upload fs-3"></i>
					</button>
				</div>
				<!--end::Actions-->
				<!--begin::Send-->
				<button class="btn btn-primary" type="button" data-kt-element="send">Send</button>
				<!--end::Send-->
			</div>
			<!--end::Toolbar-->
		</div>
		<!--end::Card footer-->
	</div>
	<!--end::Messenger-->
</div>
<!--end::Chat drawer-->
<!--end::Drawers-->

    <!--begin::Scrolltop-->
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true"><span class="svg-icon"></span></div>
<!--end::Scrolltop-->

    <div src="../dist1/assets/media/modals/_upgrade-plan.html"></div>
    <div src="../dist1/assets/media/modals/create-app/_main.html"></div>
    <div src="../dist1/assets/media/modals/_new-target.html"></div>
    <div src="../dist1/assets/media/modals/_view-users.html"></div>
    <div src="../dist1/assets/media/modals/users-search/_main.html"></div>
    <div src="../dist1/assets/media/modals/_invite-friends.html"></div>
</div>

    <!--begin::Global Javascript(mandatory)-->
    <script src="../dist1/assets/plugins/global/plugins.bundle.js">
    </script><script src="../dist1/assets/js/scripts.bundle.js">
    </script>
    <!--end::Global Javascript-->

    <!--begin::Vendors Javascript(optional)-->
    <script src="../dist1/assets/plugins/custom/datatables/datatables.bundle.js">
    </script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js">
    </script><script src="https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/js/intlTelInput.min.js">
    </script><script src="../dist1/assets/plugins/custom/fslightbox/fslightbox.bundle.js">
    </script><script src="../dist1/assets/../custom/js/select2.js">
    </script><script src="../dist1/assets/../custom/js/smart2.js">
    </script><script src="../dist1/assets/../custom/js/cart.js">
    </script><script src="../dist1/assets/../custom/js/dynacheck.js">
    </script><script src="../dist1/assets/../custom/js/validate.js">
    </script>
    <!--end::Vendors Javascript-->

    <!--begin::Custom Javascript(optional)-->
    <script src="../dist1/assets/js/widgets.bundle.js">
    </script><script src="../dist1/assets/js/custom/apps/chat/chat.js">
    </script><script src="../dist1/assets/js/custom/utilities/modals/upgrade-plan.js">
    </script><script src="../dist1/assets/js/custom/utilities/modals/create-app.js">
    </script><script src="../dist1/assets/js/custom/utilities/modals/users-search.js">
    </script><script src="../dist1/assets/js/custom/utilities/modals/new-target.js">
    </script>
    <!--end::Custom Javascript-->
    
    
</body>
</html>