<!DOCTYPE html>
<html lang="en">
<head>
	<!-- META -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <meta name="robots" content="" />    
    <meta name="description" content="" />
    
    <!-- FAVICONS ICON -->
    <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png" />
    
    <!-- PAGE TITLE HERE -->
    <title>Shapen Template | Home Page Style 2</title>
    
    <!-- MOBILE SPECIFIC -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    
    
    <!-- BOOTSTRAP STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <!-- FONTAWESOME STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/fontawesome/css/font-awesome.min.css" />
    <!-- OWL CAROUSEL STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.min.css">
    <!-- MAGNIFIC POPUP STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.min.css">
    <!-- LOADER STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/loader.min.css"> 
    <!-- FLATICON STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/flaticon.min.css">	
    <!-- MAIN STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <!-- Color Theme Change Css -->
    <link rel="stylesheet" class="skin" type="text/css" href="assets/css/skin/skin-1.css">  
    <!-- Side Switcher Css-->
    <link rel="stylesheet" type="text/css" href="assets/css/switcher.css"> 
    
    
    <!-- REVOLUTION SLIDER CSS -->
    <link rel="stylesheet" type="text/css" href="assets/plugins/revolution/revolution/css/settings.css">
	
    <!-- REVOLUTION NAVIGATION STYLE -->
    <link rel="stylesheet" type="text/css" href="assets/plugins/revolution/revolution/css/navigation.css">
    
    <!-- CUSTOM STYLE CSS-->
    <link rel="stylesheet" type="text/css" href="assets/css/custom/custom-index.css">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">  
	<link href="https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

</head>
<body>
	<div class="page-wraper"> 
        <!-- HEADER START -->
        <header class="site-header header-style-2 mobile-sider-drawer-menu">
			<!-- Search Form -->
            <div class="header-middle bg-white">
                <div class="container">
                    <div class="logo-header">
                        <a href="index.html">
                            <img src="assets/images/logo-light.png" width="216" height="37" alt="" />
                        </a>
                    </div>
                    <div class="header-info">
                        <ul>
                        	<li>
                                <div class="icon-sm">
                                    <span class="icon-cell  site-text-primary"><i class="fa fa-map-marker"></i></span>
                                </div>
                                <div class="icon-content">
                                    <strong>Newyork, USA</strong>
                                    <span>Flat 544, Reynolds Neck Str</span>
                                </div>
                            </li>
                            <li>
                           
                                <div class="icon-sm">
                                    <span class="icon-cell  site-text-primary"><i class="fa fa-phone"></i></span>
                                </div>
                                <div class="icon-content">
                                    <strong>+324 123 45 978</strong>
                                    <span>Mon - Friday: 9.00 to 18.00</span>
                                </div>
                            
                            </li>
                            <li class="btn-col-last">
                                <a href="contact-1.html" class="site-button-secondry btn-effect">Requet a Quote</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            
			<!-- Search Form -->
            <div class="sticky-header main-bar-wraper">
                <div class="main-bar header-botton nav-bg-secondry">
                    <div class="container">
                        <!-- NAV Toggle Button -->
                        <button id="mobile-side-drawer" data-target=".header-nav" data-toggle="collapse" type="button" class="navbar-toggler collapsed">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar icon-bar-first"></span>
                            <span class="icon-bar icon-bar-two"></span>
                            <span class="icon-bar icon-bar-three"></span>
                        </button>
                        <!-- ETRA Nav -->
                        <div class="extra-nav">
                            <div class="extra-cell">											
                                <a href="#search">
                                    <i class="fa fa-search"></i>
                                </a>
                            </div>
                            <div class="extra-cell">
                                <a href="#" class="contact-slide-show"><i class="fa fa-angle-left arrow-animation"></i></a>
                            </div>                                
                        </div>
                        <!-- ETRA Nav -->

                        <!-- Contact Nav -->                            
                        <div class="contact-slide-hide " style="background-image:url(assets/images/background/bg-5.png)"> 
                            <div class="contact-nav">
                                 <a href="javascript:void(0)" class="contact_close">&times;</a>
                                 <div class="contact-nav-form p-a30">
                                    <div class="contact-info   m-b30">
                         
                                        <div class="mt-icon-box-wraper center p-b30">
                                            <div class="icon-xs m-b20 scale-in-center"><i class="fa fa-phone"></i></div>
                                            <div class="icon-content">
                                                <h5 class="m-t0 font-weight-500">Phone number</h5>
                                                <p>(075) 123-7654</p>
                                            </div>
                                        </div>
                                        
                                        <div class="mt-icon-box-wraper center p-b30">
                                            <div class="icon-xs m-b20 scale-in-center"><i class="fa fa-envelope"></i></div>
                                            <div class="icon-content">
                                                <h5 class="m-t0 font-weight-500">Email address</h5>
                                                <p>7xthemehelp@gmail.com</p>
                                            </div>
                                        </div>
                                        
                                        <div class="mt-icon-box-wraper center p-b30">
                                            <div class="icon-xs m-b20 scale-in-center"><i class="fa fa-map-marker"></i></div>
                                            <div class="icon-content">
                                                <h5 class="m-t0 font-weight-500">Address info</h5>
                                                <p>201 Liverpool Street, Suite 721, London</p>
                                            </div>
                                        </div>
                                    </div>                                          
                                    <div class="full-social-bg">
                                          <ul>
                                                <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
                                                <li><a href="#" class="google"><i class="fa fa-google"></i></a></li>
                                                <li><a href="#" class="instagram"><i class="fa fa-instagram"></i></a></li>
                                                <li><a href="#" class="tumblr"><i class="fa fa-tumblr"></i></a></li>
                                                <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
                                                <li><a href="#" class="youtube"><i class="fa fa-youtube"></i></a></li>
                                          </ul>
                                    </div>
                                    <div class="text-center">
                                        <h4 class="font-weight-600">&copy;  2023 7xtheme</h4> 
                                    </div>                                                                    			
                                 </div>
                            </div> 
                        </div>     
                        <!-- SITE Search -->
                        <div id="search"> 
                            <span class="close"></span>
                            <form role="search" id="searchform" action="https://theme7x.com/search" method="get" class="radius-xl">
                                <div class="input-group">
                                    <input value="" name="q" type="search" placeholder="Type to search"/>
                                    <span class="input-group-btn"><button type="button" class="search-btn"><i class="fa fa-search arrow-animation"></i></button></span>
                                </div>   
                            </form>
                        </div>
                        
                        <!-- MAIN Nav -->
                        <div class="header-nav navbar-collapse collapse">
                            <ul class=" nav navbar-nav">
                                <li class="active">
                                    <a href="javascript:;">Home</a>
                                    <ul class="sub-menu">

                                        <li>
                                            <a href="index.html">Home-1</a>
                                        </li>
                                        <li>
                                            <a href="index-2.html">Home-2</a>
                                        </li>
                                        <li>
                                            <a href="index-3.html">Home-3 boxed style</a>
                                        </li> 
                                        <li>
                                            <a href="index-4.html">Home-4</a>
                                        </li>                                          
                                    </ul>                                                    
                                </li>

                                <li>
                                    <a href="about-1.html">About us</a>
                                </li> 
                                <li>
                                    <a href="services.html">Services</a>
                                </li> 
                                <li>
                                    <a href="javascript:;">Pages</a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="javascript:;">Blog</a>
                                            <ul class="sub-menu has-child">
                                                <li><a href="blog-grid.html">Blog Grid</a></li>
                                                <li><a href="blog-listing.html">Blog Listing</a></li>
                                                <li><a href="blog-masonry.html">Blog Masonry</a></li>
                                            </ul>
                                        </li>                                        
                                        <li>
                                            <a href="faq.html">FAQ</a>
                                        </li>
                                        <li>
                                            <a href="error-404.html">Error 404</a>
                                        </li>                                            
                                        <li>
                                            <a href="contact-1.html">Contact us</a>
                                        </li>
                                    </ul>
                                </li>                                                                                                                                               
                                <li>
                                    <a href="javascript:;">Post detail</a>
                                    <ul class="sub-menu">
                                        <li><a href="post-image.html">Post Image</a></li>
                                        <li><a href="post-gallery.html">Post Gallery</a></li>
                                        <li><a href="post-video.html">Post Video</a></li>
                                        <li><a href="post-right-sidebar.html">Post Right Sidebar</a></li>                                        
                                    </ul>                                    
                                </li>                                         

                                <li>
                                    <a href="javascript:;">Projects</a>
                                    <ul class="sub-menu">
                                        <li><a href="project-grid.html">Project Grid</a></li>
                                        <li><a href="project-masonry.html">Project Masonry</a></li>
                                        <li><a href="project-carousel.html">Project Carousel</a></li>
                                        <li><a href="project-classic.html">Project Classic-1</a></li>
                                        <li><a href="project-classic2.html">Project Classic-2</a></li>
                                        <li><a href="project-detail.html">Project Detail</a></li>                                        
                                    </ul>
                                </li>
                                <li class="submenu-direction">
                                    <a href="javascript:;">Shortcodes</a>
                                    <ul class="sub-menu">
                                        <li><a href="accordian.html">Accordian</a></li>
                                        <li><a href="button.html">Button</a></li>
                                        <li><a href="icon_box.html">Icon box style</a></li>
                                        <li><a href="list_group.html">List group</a></li>
                                        <li><a href="modal_popup.html">Modal popup</a></li>
                                        <li><a href="tabs.html">Tabs</a></li>
                                        <li><a href="table.html">Table</a></li>
                                        <li><a href="video.html">Video  </a></li>
                                        <li><a href="icon-font.html">Icon Font </a></li> 
                                    </ul>                                    
                                </li>                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>            
            
        </header>
        <!-- HEADER END -->
        
        <!-- CONTENT START -->
        <div class="page-content">

                                            
            <!-- SLIDER START -->
            <div id="welcome_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="goodnews-header">
                <div id="rev_slider_one" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.3.1">
                    <ul>	
                        
                        <!-- SLIDE 1 -->
                        <li data-index="rs-901" 
                        data-transition="fade" 
                        data-slotamount="default" 
                        data-hideafterloop="0" 
                        data-hideslideonmobile="off"  
                        data-easein="default" 
                        data-easeout="default" 
                        data-masterspeed="default"  
                        data-thumb="assets/images/main-slider/slider2/slide1.jpg"  
                        data-rotate="0"  
                        data-fstransition="fade" 
                        data-fsmasterspeed="300" 
                        data-fsslotamount="7" 
                        data-saveperformance="off"  
                        data-title="" 
                        data-param1="" 
                        data-param2="" 
                        data-param3="" 
                        data-param4="" 
                        data-param5="" 
                        data-param6="" 
                        data-param7="" 
                        data-param8="" 
                        data-param9="" 
                        data-param10="" 
                        data-description="">
                            <!-- MAIN IMAGE -->
                            <img src="assets/images/main-slider/slider2/slide1.jpg" alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 [ for overlay ] -->
                            <div class="tp-caption tp-shape tp-shapewrapper " 
                            id="slide-901-layer-0" 
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                            data-width="full"
                            data-height="full"
                            data-whitespace="nowrap"
                            data-type="shape" 
                            data-basealign="slide" 
                            data-responsive_offset="off" 
                            data-responsive="off"
                            data-frames='[
                            {"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},
                            {"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}
                            ]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index: 1;background-color:rgba(0, 0, 0, 0.0);border-color:rgba(0, 0, 0, 0);border-width:0px;"> 
                            </div>
                            
                            
                            
                                                        
                            <!-- LAYER NR. 4 [ for title ] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-901-layer-2" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" 
                            data-voffset="['-120','-120','-120','-120']" 
                            data-fontsize="['72','72','62','52']" 
                            data-lineheight="['82','82','72','62']" 
                            data-width="['700','700','700','500']"
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 700;
                            color:#111;
                            border-width:0px;font-family: 'Poppins', sans-serif; text-transform:uppercase ;">
                            <div>We Build Your Dream</div>
                            
                            </div>
                        
                            <!-- LAYER NR. 5 [ for block] -->

                                

                            
                            <!-- LAYER NR. 5 [ for block] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-901-layer-4" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','20']" 
                            data-fontsize="['20','20','28','26']" 
                            data-lineheight="['28','28','48','38']" 
                            data-width="['600','600','700','500']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 500;
                            color:#111;
                                border-width:0px;font-family: 'Poppins', sans-serif;">
                            It is a long established fact that a reader will be distracted by the readable content.
                            
                            </div>                                                               
                        
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-901-layer-5"						
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" 
                            data-lineheight="['none','none','none','none']" data-width="['300','300','300','300']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase;margin:10px">
                            <a href="about-1.html" class="site-button-secondry btn-effect ">More About</a>
                            </div>
                            
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-901-layer-6"						
                            data-x="['left','left','left','left']" data-hoffset="['260','330','330','330']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" 
                            data-lineheight="['none','none','none','none']" 
                            data-width="['300','300','300','300']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase; margin:10px">
                            <a href="contact-1.html" class="site-button btn-effect">Contact Us</a>
                            </div>                                 

                        </li>

                        <!-- SLIDE 2 -->
                        <li data-index="rs-902" 
                        data-transition="fade" 
                        data-slotamount="default" 
                        data-hideafterloop="0" 
                        data-hideslideonmobile="off"  
                        data-easein="default" 
                        data-easeout="default" 
                        data-masterspeed="default"  
                        data-thumb="assets/images/main-slider/slider2/slide2.jpg"  
                        data-rotate="0"  
                        data-fstransition="fade" 
                        data-fsmasterspeed="300" 
                        data-fsslotamount="7" 
                        data-saveperformance="off"  
                        data-title="" 
                        data-param1="" 
                        data-param2="" 
                        data-param3="" 
                        data-param4="" 
                        data-param5="" 
                        data-param6="" 
                        data-param7="" 
                        data-param8="" 
                        data-param9="" 
                        data-param10="" 
                        data-description="">
                            <!-- MAIN IMAGE -->
                            <img src="assets/images/main-slider/slider2/slide2.jpg" alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 [ for overlay ] -->
                            <div class="tp-caption tp-shape tp-shapewrapper " 
                            id="slide-902-layer-0" 
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                            data-width="full"
                            data-height="full"
                            data-whitespace="nowrap"
                            data-type="shape" 
                            data-basealign="slide" 
                            data-responsive_offset="off" 
                            data-responsive="off"
                            data-frames='[
                            {"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},
                            {"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}
                            ]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index: 1;background-color:rgba(0, 0, 0, 0.0);border-color:rgba(0, 0, 0, 0);border-width:0px;"> 
                            </div>
                            
                            
                            
                                                        
                            <!-- LAYER NR. 4 [ for title ] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-902-layer-2" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" 
                            data-voffset="['-120','-120','-120','-120']" 
                            data-fontsize="['72','72','62','52']" 
                            data-lineheight="['82','82','72','62']" 
                            data-width="['700','700','700','500']"
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 700;
                            color:#111;
                            border-width:0px;font-family: 'Poppins', sans-serif; text-transform:uppercase ;">
                            <div>From concept to creation.</div>
                            
                            </div>
                        
                            <!-- LAYER NR. 5 [ for block] -->

                                

                            
                            <!-- LAYER NR. 5 [ for block] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-902-layer-4" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','20']" 
                            data-fontsize="['20','20','28','26']" 
                            data-lineheight="['28','28','48','38']" 
                            data-width="['600','600','700','500']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 500;
                            color:#111;
                                border-width:0px;font-family: 'Poppins', sans-serif;">
                            It is a long established fact that a reader will be distracted by the readable content.
                            
                            </div>                                                               
                        
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-902-layer-5"						
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" 
                            data-lineheight="['none','none','none','none']" data-width="['300','300','300','300']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase;margin:10px">
                            <a href="about-1.html" class="site-button-secondry btn-effect ">More About</a>
                            </div>
                            
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-902-layer-6"						
                            data-x="['left','left','left','left']" data-hoffset="['260','330','330','330']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" 
                            data-lineheight="['none','none','none','none']" 
                            data-width="['300','300','300','300']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase; margin:10px">
                            <a href="contact-1.html" class="site-button btn-effect">Contact Us</a>
                            </div>                                 

                        </li>
                        
                        
                        <!-- SLIDE 3-->
                        <li data-index="rs-903" 
                        data-transition="fade" 
                        data-slotamount="default" 
                        data-hideafterloop="0" 
                        data-hideslideonmobile="off"  
                        data-easein="default" 
                        data-easeout="default" 
                        data-masterspeed="default"  
                        data-thumb="assets/images/main-slider/slider2/slide3.jpg"  
                        data-rotate="0"  
                        data-fstransition="fade" 
                        data-fsmasterspeed="300" 
                        data-fsslotamount="7" 
                        data-saveperformance="off"  
                        data-title="" 
                        data-param1="" 
                        data-param2="" 
                        data-param3="" 
                        data-param4="" 
                        data-param5="" 
                        data-param6="" 
                        data-param7="" 
                        data-param8="" 
                        data-param9="" 
                        data-param10="" 
                        data-description="">
                            <!-- MAIN IMAGE -->
                            <img src="assets/images/main-slider/slider2/slide3.jpg" alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 [ for overlay ] -->
                            <div class="tp-caption tp-shape tp-shapewrapper " 
                            id="slide-903-layer-0" 
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                            data-width="full"
                            data-height="full"
                            data-whitespace="nowrap"
                            data-type="shape" 
                            data-basealign="slide" 
                            data-responsive_offset="off" 
                            data-responsive="off"
                            data-frames='[
                            {"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},
                            {"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}
                            ]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index: 1;background-color:rgba(0, 0, 0, 0.0);border-color:rgba(0, 0, 0, 0);border-width:0px;"> 
                            </div>
                    
                            <!-- LAYER NR. 4 [ for title ] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-903-layer-2" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['-120','-120','-120','-120']" 
                            data-fontsize="['72','72','62','52']" 
                            data-lineheight="['82','82','72','62']" 
                            data-width="['700','700','700','500']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 700;
                            color:#111;
                            border-width:0px;font-family: 'Poppins', sans-serif; text-transform:uppercase ;">
                            <div>Making dreams come to life</div>
                            
                            </div>
                        
                            <!-- LAYER NR. 5 [ for block] -->

                            <!-- LAYER NR. 5 [ for block] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-903-layer-4" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','20']" data-fontsize="['20','20','28','26']" data-lineheight="['28','28','48','38']" data-width="['600','600','700','500']" data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 500;
                            color:#111;
                                border-width:0px;font-family: 'Poppins', sans-serif;">
                            It is a long established fact that a reader will be distracted by the readable content.
                            
                            </div>                                                               
                        
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-903-layer-5"						
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']" data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" data-lineheight="['none','none','none','none']" data-width="['300','300','300','300']" data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase;margin:10px">
                            <a href="about-1.html" class="site-button-secondry btn-effect">More About</a>
                            </div>
                            
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-903-layer-6"						
                            data-x="['left','left','left','left']" data-hoffset="['260','330','330','330']" data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" data-lineheight="['none','none','none','none']" data-width="['300','300','300','300']" data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase; margin:10px">
                            <a href="contact-1.html" class="site-button btn-effect">Contact Us</a>
                            </div>                              

                        </li>                                                                                             

                         
                    </ul>
                    <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>	
                </div>
            </div>
            <!-- SLIDER END -->
            
            <!--Who We Are sections START-->
            <div class="section-full">
             <div class="container-fluid">
              <div class="row no-gutters who-we-are-sections">
                <!-- Vision, Mission, Core Principles columns -->
                <div class="col-md-6 site-bg-primary">
                  <div class="row no-gutters">
                    <div class="col-md-4 text-white p-4 text-center">
                      <i class="fa fa-flag-o fa-3x mb-3"></i>
                      <h5 class="text-uppercase mb-3">VISION</h5>
                      <p class="medium">To be a widely successful business group with an ever expanding customer base.</p>
                    </div>
                    <div class="col-md-4 text-white p-4 text-center">
                      <i class="fa fa-bullseye fa-3x mb-3"></i>
                      <h5 class="text-uppercase mb-3">MISSION</h5>
                      <p class="medium">To be highly professional in all our deals and achieve customers delight.</p>
                    </div>
                    <div class="col-md-4 text-white p-4 text-center">
                      <i class="fa fa-handshake-o fa-3x mb-3"></i>
                      <h5 class="text-uppercase mb-3">CORE PRINCIPLES</h5>
                      <p class="medium mb-3">Safety, Trust, Passion, Culture, Result oriented.</p>
                      <div class="text-center">
                        <a href="#" class="site-button-secondry btn-effect">Know More</a>
                      </div>
                    </div>
                  </div>
                </div>
                
                <!-- Who We Are section -->
                <div class="col-md-6 bg-black p-4 text-white">
                  <div class="mt-separator-outer separator-center">
                    <div class="mt-separator">
                        <h2 class="text-white text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">WHO </span> WE ARE</h2>
                    </div>
                  </div>
                  <p class="medium text-justify mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                  <p class="medium text-justify mb-4">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                  <div class="text-left">
                        <a href="#" class="site-button btn-effect">Know More</a>
                  </div>
                </div>
              </div>
            </div>
            </div>
            <!--Who We Are sections END-->
            
            <!--DEPUTY CHAIRMAN sections START-->
            <div class="section-full">
             <div class="container-fluid">
              <div class="row no-gutters who-we-are-sections">
                <div class="col-md-6 bg-black">
                  <div class="row no-gutters">
                    <div class="mt-separator-outer separator-center mt-4">
                    <div class="mt-separator">
                        <h2 class="text-white text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">DEPUTY </span> CHAIRMAN</h2>
                    </div>
                  </div>
                    <div class="col-md-4 p-3 text-center">
                        <img src="assets/images/testimonials/pic1.jpg" alt="Director Image" class="img-fluid mb-3">
                        <p class="medium text-white">Alex</p>
                    </div>
                    <div class="col-md-8 p-3">
                        <p class="medium text-white">The key initiator to lead Atlantic's success path and tactical outreach.</p>
                        <p class="medium text-white">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
                    </div>
                  </div>
                </div>
                
                <div class="col-md-6 site-bg-primary p-4 text-white d-flex flex-column justify-content-center">
                  <p class="medium text-justify mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                  <p class="medium text-justify mb-4">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                  <div class="text-center">
                        <a href="#" class="site-button-secondry btn-effect">Know More</a>
                      </div>
                </div>
              </div>
            </div>
            </div>
            <!--DEPUTY CHAIRMAN sections END-->
            
            <!--Director sections START-->
            <div class="section-full">
             <div class="container-fluid">
              <div class="row no-gutters who-we-are-sections">
                <div class="col-md-6 site-bg-primary p-4 text-white d-flex flex-column justify-content-center">
                  <p class="medium text-justify mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                  <p class="medium text-justify mb-4">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                  <div class="text-center">
                        <a href="#" class="site-button-secondry btn-effect">Know More</a>
                      </div>
                </div>
                
                <div class="col-md-6 bg-black">
                  <div class="row no-gutters">
                    <div class="mt-separator-outer separator-center mt-4">
                    <div class="mt-separator">
                        <h2 class="text-white text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">About </span> DIRECTOR</h2>
                    </div>
                  </div>
                    <div class="col-md-4 p-3 text-center">
                        <img src="assets/images/testimonials/pic1.jpg" alt="Director Image" class="img-fluid mb-3">
                        <p class="medium text-white">Federico</p>
                    </div>
                    <div class="col-md-8 p-3">
                        <p class="medium text-white">The key initiator to lead Atlantic's success path and tactical outreach.</p>
                        <p class="medium text-white">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            </div>
            <!--Director sections END-->
            
            
            
            <!-- OUR PROJECT START -->
            <div class="section-full p-t80 p-b50 square_shape2 mobile-page-padding our-project2-wrap" >
                <div class="container">
                    <!-- TITLE START -->
					<div class="section-head">
						<div class="mt-separator-outer separator-center">
							<div class="mt-separator">
								<h2 class="text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">Our</span> Project</h2>
							</div>
						</div>
					</div>                   
                    <!-- TITLE END --> 
						<div class="section-content">

							<div class="filter-wrap text-center">
                                <ul class="filter-navigation inline-navigation masonry-filter link-style  text-uppercase">
                                    <li class="active"><a data-filter="*" href="javascript:void(0);" data-hover="All">All</a></li>
                                    <li><a data-filter=".cat-1" href="javascript:void(0);" data-hover="Construction">Construction</a></li>
                                    <li><a data-filter=".cat-2" href="javascript:void(0);" data-hover="Renovation">Renovation</a></li>
                                    <li><a data-filter=".cat-3" href="javascript:void(0);" data-hover="Outdoor">Outdoor</a></li>
                                    <li><a data-filter=".cat-4" href="javascript:void(0);" data-hover="Interiors">Interiors </a></li>
                                    <li><a data-filter=".cat-5" href="javascript:void(0);" data-hover="Consulting">Consulting</a></li>
                                </ul>
                            </div>        
              
						</div>
						<div class="section-content">

                             <div class="portfolio-wrap row mfp-gallery product-stamp clearfix">
                                <!-- COLUMNS 1 -->
                                <div class="masonry-item  cat-1 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic4.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>2-storey House</h4>
                                            <p>Construction, interior</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                	</div>
                                </div>  
                                                              
                                <!-- COLUMNS 2 -->
                                <div class="masonry-item  cat-2 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic2.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>City Buildings</h4>
                                            <p>Buildings, Engineering</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- COLUMNS 3 -->
                                <div class="masonry-item  cat-3 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic3.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>Living room</h4>
                                            <p>Aqaba, Jordan</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- COLUMNS 4 -->
                                <div class="masonry-item  cat-4 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic5.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>Bridge Architecture</h4>
                                            <p>Design and Construction</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- COLUMNS 5 -->
                                <div class="masonry-item  cat-5 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic7.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>Feugiat nulla</h4>
                                            <p>Engineering, interior</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- COLUMNS 6 -->
                                <div class="masonry-item  cat-4 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic6.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>Skeptic cambridge</h4>
                                            <p>Construction</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                                             
                             </div>

						</div>
                    
                </div>
                                
            </div>   
            <!-- OUR PROJECT END -->
                        
            <!-- CLIENT LOGO SECTION START -->
            <div class="section-full p-t10 bg-white ">
                <div class="container">
                    <!-- TITLE START -->
                    <div class="section-head">
                        <div class="mt-separator-outer separator-center">
                            <div class="mt-separator">
                                <h2 class="text-uppercase sep-line-one">
                                    <span class="font-weight-300 site-text-primary">Our </span> Clients
                                </h2>
                            </div>
                        </div>
                    </div>
                    <!-- TITLE END -->
                    <div class="section-content">
                    
                        <!-- TESTIMONIAL 4 START ON BACKGROUND -->   
                        <div class="section-content">
                             <div class="section-content p-tb10 owl-btn-vertical-center">
                                <div class="owl-carousel home-client-carousel-2">
                                
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w1.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w2.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w3.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w4.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w5.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w6.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- CLIENT LOGO  SECTION End --> 
                       
            <!-- TESTIMONIALS SECTION START -->
            <div class="section-full p-t80 p-b50 site-bg-dark square_shape2  square_shape1 bg-moving mobile-page-padding" style="background-image:url(assets/images/background/bg-6.png)">
                <div class="container">
                    <div class="section-content">
                        
                        <!-- TITLE START -->
                        <div class="section-head">
                            <div class="mt-separator-outer separator-center">
                                <div class="mt-separator">
                                    <h2 class="text-white text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">Client</span> Testimonials</h2>
                                </div>
                            </div>
                        </div>                   
                        <!-- TITLE END --> 
                        
                            <!-- TESTIMONIAL START -->   
                         <div class="owl-carousel testimonial-home-2 m-b30">
                            <div class="item">
                           		 <div class="testimonial-home-2-inner">
                                	<div class="testimonial-1 testimonial-bg m-a30 hover-animation-1 text-center text-white">
                                        <div class="testimonial-detail clearfix">
                                            <div class="testimonial-pic radius shadow scale-in-center"><img src="assets/images/testimonials/pic1.jpg" width="100" height="100" alt=""></div>
                                        </div>                                    
                                        <div class="testimonial-text">
                                            <span class="fa fa-quote-right"></span>
                                            <p> Excellent Customer support!. The template itself is very ext ended. simply dummy text of the printing and industry. the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                                        </div>
                                        <div class="testimonial-detail clearfix">
                                            <h4 class="testimonial-name m-b5">Shelly Johnson -</h4>
                                            <span class="testimonial-position">Business Person</span>
                                        </div>                                         
                                    </div>
                                </div>
                             </div>
                            <div class="item">
                           		 <div class="testimonial-home-2-inner">
                                	<div class="testimonial-1 testimonial-bg m-a30 hover-animation-1 text-center text-white">
                                        <div class="testimonial-detail clearfix">
                                            <div class="testimonial-pic radius shadow scale-in-center"><img src="assets/images/testimonials/pic2.jpg" width="100" height="100" alt=""></div>
                                        </div>                                    
                                        <div class="testimonial-text">
                                            <span class="fa fa-quote-right"></span>
                                            <p> Excellent Customer support!. The template itself is very ext ended. simply dummy text of the printing and industry. the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                                        </div>
                                        <div class="testimonial-detail clearfix">
                                            <h4 class="testimonial-name m-b5">Shelly Johnson -</h4>
                                            <span class="testimonial-position">Business Person</span>
                                        </div>                                         
                                    </div>
                                </div>
                             </div>
                            <div class="item">
                           		 <div class="testimonial-home-2-inner">
                                	<div class="testimonial-1 testimonial-bg m-a30 hover-animation-1 text-center text-white">
                                        <div class="testimonial-detail clearfix">
                                            <div class="testimonial-pic radius shadow scale-in-center"><img src="assets/images/testimonials/pic3.jpg" width="100" height="100" alt=""></div>
                                        </div>                                    
                                        <div class="testimonial-text">
                                            <span class="fa fa-quote-right"></span>
                                            <p> Excellent Customer support!. The template itself is very ext ended. simply dummy text of the printing and industry. the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                                        </div>
                                        <div class="testimonial-detail clearfix">
                                            <h4 class="testimonial-name m-b5">Shelly Johnson -</h4>
                                            <span class="testimonial-position">Business Person</span>
                                        </div>                                         
                                    </div>
                                 </div>
                             </div>                                                          
                        </div>
                    </div>
            	</div>  
            </div> 
            <!-- TESTIMONIALS SECTION END -->
            
            <!-- WHY FAIRDEAL START -->
            <section class="section-full text-center bg-gray bg-no-repeat p-t80 p-b50 bg-top-right mobile-page-padding our-pricing-wrap" style="background-image:url('assets/images/background/bg-4.png')">
                <div class="container">
                    <!-- TITLE START -->
                    <div class="section-head">
                        <div class="mt-separator-outer separator-center">
                            <div class="mt-separator">
                                <h2 class="text-uppercase sep-line-one">
                                    <span class="font-weight-300 site-text-primary">WHY </span> FAIRDEAL
                                </h2>
                            </div>
                        </div>
                    </div>
                    <!-- TITLE END -->
            
                    <div class="section-content">
                        <div class="pricingtable-row">
                            <div class="row">
                                <!-- Service 1 -->
                                <div class="col-lg-3 col-md-6 mb-4 d-flex">
                                    <div class="pricingtable-wrapper pricing-table-style-5 bg-white overflow-hide hover-shadow bdr-t-4 bdr-solid bdr-primary w-100 d-flex flex-column">
                                        <div class="pricingtable-inner p-4 flex-grow-1">
                                            <div class="pricingtable-title mb-3">
                                                <i class="fa fa-cogs fa-3x"></i>
                                                <h4 class="mt-2">Value Engineering</h4>
                                            </div>
                                            <div class="pricingtable-description mb-3">
                                                <p>Taking advantage of the collective experience of our team members, Atlantic provides Value Engineering to its client, to reduce expenditures and determine optimal solutions.</p>
                                            </div>
                                            <div class="pricingtable-footer">
                                                <a href="contact-1.html" class="site-button btn-effect">Know More</a>
                                            </div>
                                        </div>
                                        <div class="overlay-main bg-white opacity-07"></div>
                                    </div>
                                </div>
            
                                <!-- Service 2 -->
                                <div class="col-lg-3 col-md-6 mb-4 d-flex">
                                    <div class="pricingtable-wrapper pricing-table-style-5 bg-white overflow-hide hover-shadow bdr-t-4 bdr-solid bdr-primary w-100 d-flex flex-column">
                                        <div class="pricingtable-inner p-4 flex-grow-1">
                                            <div class="pricingtable-title mb-3">
                                                <i class="fa fa-laptop fa-3x"></i>
                                                <h4 class="mt-2">Modern Courseware</h4>
                                            </div>
                                            <div class="pricingtable-description mb-3">
                                                <p>Atlantic uses SAP Business One 9.2 software, produced by a German company for effective data management and operational coordination.</p>
                                            </div>
                                            <div class="pricingtable-footer">
                                                <a href="contact-1.html" class="site-button btn-effect">Know More</a>
                                            </div>
                                        </div>
                                        <div class="overlay-main bg-white opacity-07"></div>
                                    </div>
                                </div>
            
                                <!-- Service 3 -->
                                <div class="col-lg-3 col-md-6 mb-4 d-flex">
                                    <div class="pricingtable-wrapper pricing-table-style-5 bg-white overflow-hide hover-shadow bdr-t-4 bdr-solid bdr-primary w-100 d-flex flex-column">
                                        <div class="pricingtable-inner p-4 flex-grow-1">
                                            <div class="pricingtable-title mb-3">
                                                <i class="fa fa-building fa-3x"></i>
                                                <h4 class="mt-2">Advance Infrastructure</h4>
                                            </div>
                                            <div class="pricingtable-description mb-3">
                                                <p>The major assets of the company consist of state-of-the-art construction equipment and machinery, along with a wide range of shuttering systems.</p>
                                            </div>
                                            <div class="pricingtable-footer">
                                                <a href="contact-1.html" class="site-button btn-effect">Know More</a>
                                            </div>
                                        </div>
                                        <div class="overlay-main bg-white opacity-07"></div>
                                    </div>
                                </div>
            
                                <!-- Service 4 -->
                                <div class="col-lg-3 col-md-6 mb-4 d-flex">
                                    <div class="pricingtable-wrapper pricing-table-style-5 bg-white overflow-hide hover-shadow bdr-t-4 bdr-solid bdr-primary w-100 d-flex flex-column">
                                        <div class="pricingtable-inner p-4 flex-grow-1">
                                            <div class="pricingtable-title mb-3">
                                                <i class="fa fa-wrench fa-3x"></i>
                                                <h4 class="mt-2">Adept Maintenance</h4>
                                            </div>
                                            <div class="pricingtable-description mb-3">
                                                <p>The company has built a strong workforce specializing in post-project services, ensuring comprehensive support even after project completion.</p>
                                            </div>
                                            <div class="pricingtable-footer">
                                                <a href="contact-1.html" class="site-button btn-effect">Know More</a>
                                            </div>
                                        </div>
                                        <div class="overlay-main bg-white opacity-07"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- WHY FAIRDEAL END -->
            
            
            
        </div>
        <!-- CONTENT END -->

        <!-- FOOTER START -->
        <footer class="site-footer footer-large  footer-light	footer-wide">
            <div class="container">
                <div class="p-a30 call-to-action-wrap bg-no-repeat bg-center site-bg-primary" style="background-image:url(assets/images/background/bg-site.png);" >
                    <div class="row">
                        <div class="col-lg-8 col-md-6">
                            <div class="call-to-action-left text-black">
                                <h4 class="text-uppercase m-b10 m-t0">Subscribe to our newsletter!</h4>
                                <span>Never Miss Anything From Construx By Signing Up To Our Newsletter.</span>
                            </div>
                        </div>
                        
                        <div class="col-lg-4  col-md-6">
                            <div class="call-to-action-right">
                                <div class="widget_newsletter">
                                    <div class="newsletter-bx">
                                        <form role="search" method="post">
                                            <div class="input-group">
                                                <input name="news-letter" class="form-control" placeholder="ENTER YOUR EMAIL" type="text">
                                                <span class="input-group-btn">
                                                    <button type="submit" class="site-button"><i class="fa fa-paper-plane-o"></i></button>
                                                </span>
                                            </div>
                                        </form>
                                    </div>
                                </div>                                                           
                            </div>
                        </div>
                    </div>
                 </div>
            </div>            
            <!-- FOOTER BLOCKES START -->  
            <div class="footer-top overlay-wraper">
                <div class="overlay-main"></div>
                <div class="container">
                    <div class="row">
                        <!-- ABOUT COMPANY -->
                        <div class="col-lg-3 col-md-6 col-sm-6">  
                            <div class="widget widget_about">
                                <!--<h4 class="widget-title">About Company</h4>-->
                                <div class="logo-footer clearfix p-b15">
                                    <a href="index.html"><img src="assets/images/logo-light.png" alt=""></a>
                                </div>
								<p class="max-w400">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</p>                                
                                
                                <ul class="social-icons  mt-social-links">
                                    <li><a href="https://www.google.com/" class="fa fa-google"></a></li>
                                    <li><a href="https://rss.com/" class="fa fa-rss"></a></li>
                                    <li><a href="https://www.facebook.com/" class="fa fa-facebook"></a></li>
                                    <li><a href="https://twitter.com/" class="fa fa-twitter"></a></li>
                                    <li><a href="https://in.linkedin.com/" class="fa fa-linkedin"></a></li>
                                </ul>                                     
                            </div>
                        </div> 
                        
                        <!-- RESENT POST -->
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="widget widget_address_outer">
                                <h4 class="widget-title">Contact Us</h4>
                                <ul class="widget_address">
                                    <li>34/7 Liverpool Street, Suite 636, London, United Kingdom</li>
                                    <li>7xthemedemo@gmail.com</li>
                                    <li>(+298) 012-3456-789</li>
                                    <li>(+298) 146-6543-480</li>
                                </ul>
                           
                            </div>                                              	
                        </div>                          
                        
                        <!-- USEFUL LINKS -->
                        <div class="col-lg-3 col-md-6 col-sm-6 footer-col-3">
                            <div class="widget widget_services inline-links">
                                <h4 class="widget-title">Useful links</h4>
                                <ul>
                                    <li><a href="about-1.html">About</a></li>
                                    <li><a href="project-grid.html">Projects</a></li>
                                    <li><a href="blog-grid.html">Blog</a></li>
                                    <li><a href="contact-1.html">Contact Us</a></li>
                                </ul>
                            </div>                           
                        </div>
                        
                        <!-- TAGS -->
                        <div class="col-lg-3 col-md-6 col-sm-6">
							<div class="widget recent-posts-entry-date">
                                <h4 class="widget-title">Resent Post</h4>
                                <div class="widget-post-bx">
                                    <div class="bdr-light-blue widget-post clearfix  bdr-b-1 m-b10 p-b10">
                                        <div class="mt-post-date text-center text-uppercase text-white p-tb5">
											<strong class="p-date">24</strong>
                                            <span class="p-month">April</span>
                                            <span class="p-year">2023</span>
                                        </div>
                                        <div class="mt-post-info">
                                            <div class="mt-post-header">
                                                <h6 class="post-title"><a href="blog-single.html">On these beams, we’re building dreams.</a></h6>
                                            </div>
                                            <div class="mt-post-meta">
                                                <ul>
                                                    <li class="post-author"><i class="fa fa-user"></i>By Admin</li>
                                                    <li class="post-comment"><i class="fa fa-comments"></i> 28</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bdr-light-blue widget-post clearfix  bdr-b-1 m-b10 p-b10">
                                        <div class="mt-post-date text-center text-uppercase text-white p-tb5">
                                            <strong class="p-date">30</strong>
                                            <span class="p-month">May</span>
                                            <span class="p-year">2023</span>
                                        </div>
                                        <div class="mt-post-info">
                                            <div class="mt-post-header">
                                                <h6 class="post-title"><a href="blog-single.html">We’ll be a sensation for you next renovation</a></h6>
                                            </div>
                                            <div class="mt-post-meta">
                                                <ul>
                                                    <li class="post-author"><i class="fa fa-user"></i>By Admin</li>
                                                    <li class="post-comment"><i class="fa fa-comments"></i> 29</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>                          
                        </div>
                        <!-- NEWSLETTER -->

                    </div>
                </div>  
            </div>
            <!-- FOOTER COPYRIGHT -->
            <div class="footer-bottom overlay-wraper">
                <div class="overlay-main"></div>
                <div class="container">
                    <div class="row">
                        <div class="mt-footer-bot-center">
                            <span class="copyrights-text">© 2023 Your Company. Designed By 7xtheme.</span>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- FOOTER END -->              


        <!-- BUTTON TOP START -->
		<button class="scroltop"><span class="fa fa-angle-up  relative" id="btn-vibrate"></span></button>
        
     
    </div>
 
<!-- LOADING AREA START ===== -->
<div class="loading-area">
    <div class="loading-box"></div>
    <div class="loading-pic">
        <div class="cssload-loader">Loading</div>
    </div>
</div>
<!-- LOADING AREA  END ====== -->

<!-- STYLE SWITCHER  ======= --> 
<div class="styleswitcher">

    <div class="switcher-btn-bx">
        <a class="switch-btn">
            <span class="fa fa-cog fa-spin"></span>
        </a>
    </div>
    
    <div class="styleswitcher-inner">
    
        <h6 class="switcher-title">Color Skin</h6>
        <ul class="color-skins">
            <li><a class="theme-skin skin-1" href="index-2a39b.html?theme=css/skin/skin-1" title="default Theme"></a></li>
            <li><a class="theme-skin skin-2" href="index-261e7.html?theme=css/skin/skin-2" title="pink Theme"></a></li>
            <li><a class="theme-skin skin-3" href="index-2cce5.html?theme=css/skin/skin-3" title="sky Theme"></a></li>
            <li><a class="theme-skin skin-4" href="index-213f7.html?theme=css/skin/skin-4" title="green Theme"></a></li>
            <li><a class="theme-skin skin-5" href="index-219a6.html?theme=css/skin/skin-5" title="red Theme"></a></li>
            <li><a class="theme-skin skin-6" href="index-2fe5c.html?theme=css/skin/skin-6" title="orange Theme"></a></li>
            <li><a class="theme-skin skin-7" href="index-2ab47.html?theme=css/skin/skin-7" title="purple Theme"></a></li>
            <li><a class="theme-skin skin-8" href="index-25f8d.html?theme=css/skin/skin-8" title="blue Theme"></a></li>
        </ul>   
        
    </div>    
</div>
<!-- STYLE SWITCHER END ==== -->

<!-- JAVASCRIPT  FILES ========================================= --> 
<script src="assets/js/jquery-3.6.1.min.js"></script><!-- JQUERY.MIN JS -->
<script src="assets/js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="assets/js/popper.min.js"></script><!-- POPPER.MIN JS -->
<script src="assets/js/magnific-popup.min.js"></script><!-- MAGNIFIC-POPUP JS -->
<script src="assets/js/waypoints.min.js"></script><!-- WAYPOINTS JS -->
<script src="assets/js/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="assets/js/waypoints-sticky.min.js"></script><!-- COUNTERUP JS -->
<script src="assets/js/isotope.pkgd.min.js"></script><!-- MASONRY  -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script><!-- MASONRY  -->
<script src="assets/js/owl.carousel.min.js"></script><!-- OWL  SLIDER  -->
<script src="assets/js/jquery.owl-filter.js"></script>
<script src="assets/js/custom.js"></script><!-- CUSTOM FUCTIONS  -->
<script src="assets/js/shortcode.js"></script><!-- SHORTCODE FUCTIONS  -->
<script src="assets/js/jquery.bgscroll.js"></script><!-- BACKGROUND SCROLL -->
<script src="assets/js/switcher.js"></script>
<!-- REVOLUTION JS FILES -->

<script  src="assets/plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
<script  src="assets/plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->	
<script  src="assets/plugins/revolution/revolution/js/extensions/revolution-plugin.js"></script>

<!-- REVOLUTION SLIDER SCRIPT FILES -->
<script  src="assets/js/rev-script-2.js"></script>



</body>
</html>
