/home/moonrcjl/template.moontelict.com/arsha-prev/arsha/index-2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arsha - Architecture Construction & Interior HTML5 Template </title>
<link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/fontawesome-pro.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/swiper-min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- scroll to top -->
<button id="back-to-top"><i class="far fa-arrow-up"></i></button>
<!-- preloader -->
<div id="loading">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="object" id="object_four"></div>
<div class="object" id="object_three"></div>
<div class="object" id="object_two"></div>
<div class="object" id="object_one"></div>
</div>
</div>
</div>
<div class="mt-offcanvas">
<div class="mt-offcanvas-wrapper">
<div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-90">
<div class="mt-offcanvas-logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
<div class="mt-offcanvas-close">
<button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="mt-offcanvas-menu d-xl-none mb-50">
<nav></nav>
</div>
<div class="mt-offcanvas-content mb-50 d-none d-xl-block">
<h2 class="mt-offcanvas-title">Hello There!</h2>
<p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
</div>
<div class="mt-offcanvas-gallery mb-50">
<a class="popup-image" href="assets/img/project/project-1-1.jpg"><img
src="assets/img/project/project-1-1.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/project-1-2.jpg"><img
src="assets/img/project/project-1-2.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/project-1-3.jpg"><img
src="assets/img/project/project-1-3.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/project-1-4.jpg"><img
src="assets/img/project/project-1-4.jpg" alt=""></a>
</div>
<div class="mt-offcanvas-info mb-50">
<h3 class="mt-offcanvas-sm-title">Information</h3>
<span><a href="#">+ 4 20 7700 1007</a></span>
<span><a href="#">hello@a.interon.com</a></span>
<span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
</div>
<div class="mt-offcanvas-social mb-50">
<h3 class="mt-offcanvas-sm-title">Follow Us</h3>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="mt-offcanvas-overlay"></div>
<header class="mtheader__area mt-transparent-header p-relative">
<div id="mt-header-sticky" class="mtheader mtheader__2">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-6">
<div class="mtheader__logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
</div>
<div class="col-xl-8 d-none d-xl-block">
<div class="mtheader__menu text-center">
<nav class="mt-mobile-menu-active">
<ul>
<li class="dropdown has-dropdown"><a href="#">HOME</a>
<div class="mt-submenu sub-menu has-homemenu">
<div class="row gx-6 row-cols-1 row-cols-md-2 row-cols-xl-5">
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-1.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index.html">Multi page</a>
<a class="mt-menu-btn" href="index-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index.html">Home 01</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-2.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index-2.html">Multi page</a>
<a class="mt-menu-btn" href="index-2-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index-2.html">Home 02</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-3.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index-3.html">Multi page</a>
<a class="mt-menu-btn" href="index-3-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index-3.html">Home 03</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-4.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index-4.html">Multi page</a>
<a class="mt-menu-btn" href="index-4-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index-4.html">Home 04</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-5.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index-5.html">Multi page</a>
<a class="mt-menu-btn" href="index-5-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index-5.html">Home 05</a>
</h4>
</div>
</div>
</div>
</div>
</li>
<li><a href="about.html">ABOUT</a></li>
<li class="dropdown has-dropdown"><a href="#">SERVICES</a>
<ul class="sub-menu">
<li><a href="services.html">SERVICES</a></li>
<li><a href="service-details.html">SERVICES DETAILS</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">PAGES</a>
<ul class="sub-menu">
<li><a href="about.html">ABOUT</a></li>
<li><a href="services.html">SERVICE</a></li>
<li><a href="service-details.html">SERVICE DETAILS</a></li>
<li><a href="portfolio.html">PORTFOLIO</a></li>
<li><a href="portfolio-details.html">PORTFOLIO DETAILS</a></li>
<li><a href="pricing.html">OUR PRICEING</a></li>
<li><a href="testimonial.html">TESTIMONIAL</a></li>
<li><a href="faq.html">OUR FAQ</a></li>
<li><a href="team.html">OUR TEAM</a></li>
<li><a href="team-details.html">TEAM DETAILS</a></li>
<li><a href="error-404.html">ERROR 404</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">BLOG</a>
<ul class="sub-menu">
<li><a href="blog.html">BLOG</a></li>
<li><a href="blog-grid.html">BLOG GRID</a></li>
<li><a href="blog-list.html">BLOG LIST</a></li>
<li><a href="blog-details.html">BLOG DETAILS</a></li>
<li><a href="blog-details-no-sidebar.html">BLOG DETAILS 2</a></li>
</ul>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-2 col-6">
<div class="mtheader__right text-end">
<div class="mtheader__right-bar mt-10 mb-10">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<!-- Start Hero Area -->
<section class="mthero__area mthero__2 pt-190 pb-255 black-bg-2 fix p-relative">
<div class="container">
<div class="mthero__trans">
<h3 class="mthero__trans-title wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
Modern Construction</h3>
</div>
<div class="row">
<div class="col-xl-5">
<div class="mthero__wrapper">
<div class="mthero__section-title mb-100">
<h2 class="mthero__title wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.2s">Classic architecture <br>
is a timeless blend of
elegance,</h2>
</div>
<div class="mthero__content-wrap">
<div class="mthero__content d-flex align-items-center wow img-custom-anim-right"
data-wow-duration="1.5s" data-wow-delay="0.4s">
<a href="about.html" class="mr-40">
<span><svg xmlns="http://www.w3.org/2000/svg" width="95" height="16" viewBox="0 0 95 16"
fill="none">
<path opacity="0.2"
d="M80.6365 0C84.307 3.20345 90.228 6.22847 95 8.00089C90.228 9.77213 84.307 12.796 80.6371 16L83.2028 8.89954L0.902048 8.89954C0.403861 8.89954 0 8.49787 0 8.00238C0 7.50689 0.403861 7.10522 0.902048 7.10522H83.2039L80.6365 0Z"
fill="white" />
</svg></span>
</a>
<div class="mthero__text ">
<img class="mb-18" src="assets/img/hero/hero-team-1.png" alt="">
<h4>We Have 100K+ <br> Customers World Wide</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-7">
<div class="mthero__wrapper p-relative text-end">
<div class="mthero__thumb wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
<img src="assets/img/hero/hero-thumb-1.png" alt="">
</div>
</div>
</div>
</div>
<div class="mthero__scroll">
<div class="mthero__scroll-icon p-relative">
<a href="#mtabout__onepage"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="20"
viewBox="0 0 12 20" fill="none">
<path
d="M12 8.99275C9.65463 11.683 7.4399 16.0228 6.14223 19.5204C4.84544 16.0228 2.63158 11.683 0.285775 8.99319L5.4698 10.8684L5.46943 0.671836C5.46965 0.493612 5.54063 0.322769 5.66675 0.196845C5.76079 0.102841 5.8806 0.0388305 6.01101 0.0129051C6.14143 -0.0130202 6.27661 0.000300887 6.39946 0.0511907C6.5223 0.10208 6.6273 0.18825 6.70119 0.298806C6.77507 0.409362 6.81451 0.539343 6.81453 0.672313L6.81453 10.8685L12 8.99275Z"
fill="#111111" />
</svg></a>
</div>
</div>
</div>
</section>
<!-- End Hero Area -->
<!-- Service Area Start -->
<section class="mtservice__area pt-135 pb-60 p-relative">
<div class="container">
<div class="row">
<div class="swiper mtservice__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtservice mtservice__2 mtservice__bg mb-30 black-bg-2 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtservice__icon mb-90">
<span><i class="fa-light fa-ruler-combined"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Concept Design</a>
</h3>
<p class="mb-0">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn mt-18">
<a href="service-details.html"> READ MORE
<span><svg xmlns="http://www.w3.org/2000/svg" width="19" height="12"
viewBox="0 0 19 12" fill="none">
<path
d="M8.75303 0C11.3716 2.40259 15.5956 4.67135 19 6.00067C15.5956 7.3291 11.3716 9.59697 8.75346 12L10.5787 6.68951L0.653927 6.68989C0.480454 6.68966 0.314166 6.61695 0.191598 6.48775C0.1001 6.39142 0.0377957 6.26869 0.0125614 6.13509C-0.0126729 6.00149 0.00029311 5.86301 0.0498263 5.73717C0.0993589 5.61133 0.183232 5.50377 0.290841 5.42808C0.39845 5.3524 0.524966 5.31199 0.654391 5.31197L10.5788 5.31197L8.75303 0Z"
fill="#111111" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice mtservice__2 mtservice__bg mb-30 black-bg-2 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtservice__icon ">
<span><i class="fa-light fa-plane-tail"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Building Planning</a>
</h3>
<p class="mb-0">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn mt-18">
<a href="service-details.html"> READ MORE
<span><svg xmlns="http://www.w3.org/2000/svg" width="19" height="12"
viewBox="0 0 19 12" fill="none">
<path
d="M8.75303 0C11.3716 2.40259 15.5956 4.67135 19 6.00067C15.5956 7.3291 11.3716 9.59697 8.75346 12L10.5787 6.68951L0.653927 6.68989C0.480454 6.68966 0.314166 6.61695 0.191598 6.48775C0.1001 6.39142 0.0377957 6.26869 0.0125614 6.13509C-0.0126729 6.00149 0.00029311 5.86301 0.0498263 5.73717C0.0993589 5.61133 0.183232 5.50377 0.290841 5.42808C0.39845 5.3524 0.524966 5.31199 0.654391 5.31197L10.5788 5.31197L8.75303 0Z"
fill="#111111" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice mtservice__2 mtservice__bg mb-30 black-bg-2 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtservice__icon ">
<span><i class="fa-light fa-holly-berry"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Smart Building</a>
</h3>
<p class="mb-0">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn mt-18">
<a href="service-details.html"> READ MORE
<span><svg xmlns="http://www.w3.org/2000/svg" width="19" height="12"
viewBox="0 0 19 12" fill="none">
<path
d="M8.75303 0C11.3716 2.40259 15.5956 4.67135 19 6.00067C15.5956 7.3291 11.3716 9.59697 8.75346 12L10.5787 6.68951L0.653927 6.68989C0.480454 6.68966 0.314166 6.61695 0.191598 6.48775C0.1001 6.39142 0.0377957 6.26869 0.0125614 6.13509C-0.0126729 6.00149 0.00029311 5.86301 0.0498263 5.73717C0.0993589 5.61133 0.183232 5.50377 0.290841 5.42808C0.39845 5.3524 0.524966 5.31199 0.654391 5.31197L10.5788 5.31197L8.75303 0Z"
fill="#111111" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice mtservice__2 mtservice__bg mb-30 black-bg-2 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtservice__icon">
<span><i class="fa-light fa-plane-tail"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Building Planning</a>
</h3>
<p class="mb-0">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn mt-18">
<a href="service-details.html"> READ MORE
<span><svg xmlns="http://www.w3.org/2000/svg" width="19" height="12"
viewBox="0 0 19 12" fill="none">
<path
d="M8.75303 0C11.3716 2.40259 15.5956 4.67135 19 6.00067C15.5956 7.3291 11.3716 9.59697 8.75346 12L10.5787 6.68951L0.653927 6.68989C0.480454 6.68966 0.314166 6.61695 0.191598 6.48775C0.1001 6.39142 0.0377957 6.26869 0.0125614 6.13509C-0.0126729 6.00149 0.00029311 5.86301 0.0498263 5.73717C0.0993589 5.61133 0.183232 5.50377 0.290841 5.42808C0.39845 5.3524 0.524966 5.31199 0.654391 5.31197L10.5788 5.31197L8.75303 0Z"
fill="#111111" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice mtservice__2 mtservice__bg mb-30 black-bg-2 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtservice__icon">
<span><i class="fa-light fa-ruler-combined"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Concept Design</a>
</h3>
<p class="mb-0">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn mt-18">
<a href="service-details.html"> READ MORE
<span><svg xmlns="http://www.w3.org/2000/svg" width="19" height="12"
viewBox="0 0 19 12" fill="none">
<path
d="M8.75303 0C11.3716 2.40259 15.5956 4.67135 19 6.00067C15.5956 7.3291 11.3716 9.59697 8.75346 12L10.5787 6.68951L0.653927 6.68989C0.480454 6.68966 0.314166 6.61695 0.191598 6.48775C0.1001 6.39142 0.0377957 6.26869 0.0125614 6.13509C-0.0126729 6.00149 0.00029311 5.86301 0.0498263 5.73717C0.0993589 5.61133 0.183232 5.50377 0.290841 5.42808C0.39845 5.3524 0.524966 5.31199 0.654391 5.31197L10.5788 5.31197L8.75303 0Z"
fill="#111111" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice mtservice__2 mtservice__bg mb-30 black-bg-2 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtservice__icon">
<span><i class="fa-light fa-holly-berry"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Smart Building</a>
</h3>
<p class="mb-0">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn mt-18">
<a href="service-details.html"> READ MORE
<span><svg xmlns="http://www.w3.org/2000/svg" width="19" height="12"
viewBox="0 0 19 12" fill="none">
<path
d="M8.75303 0C11.3716 2.40259 15.5956 4.67135 19 6.00067C15.5956 7.3291 11.3716 9.59697 8.75346 12L10.5787 6.68951L0.653927 6.68989C0.480454 6.68966 0.314166 6.61695 0.191598 6.48775C0.1001 6.39142 0.0377957 6.26869 0.0125614 6.13509C-0.0126729 6.00149 0.00029311 5.86301 0.0498263 5.73717C0.0993589 5.61133 0.183232 5.50377 0.290841 5.42808C0.39845 5.3524 0.524966 5.31199 0.654391 5.31197L10.5788 5.31197L8.75303 0Z"
fill="#111111" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtservice__pagi">
<div class="mtservie-pagination"></div>
</div>
</div>
</div>
</section>
<!-- Service Are End -->
<!-- About Area Start -->
<section id="mtabout__onepage" class="mtabout__area mtabout__22 pt-85 pb-50 p-relative ">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="mtabout__wrapper mb-60">
<div class="mt-section-content mb-60">
<h2 class="mt-section-title mb-20">Inspired Design
Exceptional.</h2>
<p>At the core of everything we do is a commitment to integrity, <br>
quality, and innovation. With every project,</p>
</div>
<div class="mtabout__skill-info mr-140">
<div class="mt-faq-item mb-20 mr-40">
<h2 class="mt-faq-header">
<button class="mt-faq-button" type="button" data-bs-toggle="collapse"
data-bs-target="#acollapseTwo" aria-expanded="false" aria-controls="acollapseTwo">
<span><i class="fa-solid fa-angle-up"></i></span>
Unmatched Expertise
</button>
</h2>
<div id="acollapseTwo" class="mt-faq-collapse collapse show"
data-bs-parent="#accordionExample">
<div class="mt-faq-body ml-30">
<p>At the core of everything we do is a commitment to
integrity, quality and innovation.
</p>
<div class="mtabout__progress">
<div class="mtabout__progress-item">
<h6>Design</h6>
<span class="progress-count">90%</span>
<div class="fix">
<div class="progress">
<div class="progress-bar" role="progressbar" data-width="75%"
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"
style="width: 90%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtabout__thumb-wrap mb-60 text-center text-lg-end wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.3s">
<div class="mtabout__thumb">
<img src="assets/img/about/thumb-2-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Area End -->
<!-- portfolio area statrt -->
<section class="mt-portfolio-area pt-10 pb-50 black-bg-1 p-relative fix">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-6">
<div class="mt-section-content mb-50">
<h2 class="mt-section-title mt-upper">Feature project</h2>
</div>
</div>
<div class="col-xl-6">
<div class="mt-portfolio-filter portfolio-filter text-lg-end mb-60 p-relative z-index-3">
<button class="active" data-filter="*">Show all / </button>
<button data-filter=".cat1">Building / </button>
<button data-filter=".cat2">interior / </button>
<button data-filter=".cat3">residence</button>
</div>
</div>
</div>
</div>
<div class="mt-portfolio-showcase">
<div class="container-fluid px-0">
<div class="row grid align-items-center g-4">
<div class="col-xl-4 col-lg-6 col-md-6 grid-item cat1 cat3">
<div class="mt-portfolio-item portfolio-item p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mt-portfolio-thumb portfolio-thumb w-img">
<div class="mt-portfolio-btnview">
<a href="portfolio-details.html" class="mt-btn view">
<span>View</span>
</a>
</div>
<img src="assets/img/project/project-2-1.jpg" alt="">
<div class="mt-portfolio-content">
<span>Jan 06.2026</span>
<h4 class="mt-portfolio-title mb-10">
<a href="portfolio-details.html">Innovative UI/UX Design</a>
</h4>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 grid-item cat2 cat3">
<div class="mt-portfolio-item p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<div class="mt-portfolio-thumb portfolio-thumb w-img">
<div class="mt-portfolio-btnview">
<a href="portfolio-details.html" class="mt-btn view">
<span>View</span>
</a>
</div>
<img src="assets/img/project/project-2-2.jpg" alt="">
<div class="mt-portfolio-content">
<span>Jan 06.2026</span>
<h4 class="mt-portfolio-title mb-10">
<a href="portfolio-details.html">Crafting Iconic Spaces</a>
</h4>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 grid-item cat1 cat2">
<div class="mt-portfolio-item portfolio-item p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.6s">
<div class="mt-portfolio-thumb portfolio-thumb w-img">
<div class="mt-portfolio-btnview">
<a href="portfolio-details.html" class="mt-btn view">
<span>View</span>
</a>
</div>
<img src="assets/img/project/project-2-3.jpg" alt="">
<div class="mt-portfolio-content">
<span>Jan 06.2026</span>
<h4 class="mt-portfolio-title mb-10">
<a href="portfolio-details.html">Innovative Designs,</a>
</h4>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 grid-item cat3 cat1">
<div class="mt-portfolio-item portfolio-item p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.3s">
<div class="mt-portfolio-thumb portfolio-thumb w-img">
<div class="mt-portfolio-btnview">
<a href="portfolio-details.html" class="mt-btn view">
<span>View</span>
</a>
</div>
<img src="assets/img/project/project-2-4.jpg" alt="">
<div class="mt-portfolio-content">
<span>Jan 06.2026</span>
<h4 class="mt-portfolio-title mb-10">
<a href="portfolio-details.html">Architectural Excellence</a>
</h4>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 grid-item cat2 cat3">
<div class="mt-portfolio-item portfolio-item p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.5s">
<div class="mt-portfolio-thumb portfolio-thumb w-img">
<div class="mt-portfolio-btnview">
<a href="portfolio-details.html" class="mt-btn view">
<span>View</span>
</a>
</div>
<img src="assets/img/project/project-2-5.jpg" alt="">
<div class="mt-portfolio-content">
<span>Jan 06.2026</span>
<h4 class="mt-portfolio-title mb-10">
<a href="portfolio-details.html">Pushing Boundaries</a>
</h4>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 grid-item cat2 cat1">
<div class="mt-portfolio-item portfolio-item p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.7s">
<div class="mt-portfolio-thumb portfolio-thumb w-img">
<div class="mt-portfolio-btnview">
<a href="portfolio-details.html" class="mt-btn view">
<span>View</span>
</a>
</div>
<img src="assets/img/project/project-2-6.jpg" alt="">
<div class="mt-portfolio-content">
<span>Jan 06.2026</span>
<h4 class="mt-portfolio-title mb-10">
<a href="portfolio-details.html">Quality Craftsmanship</a>
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- portfolio area end -->
<!-- Feature Area Start -->
<section class="mtfeature__area pt-70 pb-100 p-relative">
<div class="container">
<div class="mt-section-content mb-40 text-center">
<h2 class="mt-section-title mt-upper">Our Differences</h2>
</div>
<div class="row">
<div class="col-lg-6">
<div class="mtfeature mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtfeature__item mtfeature__border d-flex align-items-center">
<div class="mtfeature__icon mr-50">
<span><i class="fa-light fa-house-person-leave"></i></span>
</div>
<div class="mtfeature__content">
<h3 class="mtfeature__title">Attention to Detail</h3>
<p>the core of everything we do is a commitment
integrity, quality and innovation.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtfeature mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
<div class="mtfeature__item mtfeature__border d-flex align-items-center">
<div class="mtfeature__icon mr-50">
<span><i class="fa-light fa-wrench"></i></span>
</div>
<div class="mtfeature__content">
<h3 class="mtfeature__title">Quality Craftsmanship</h3>
<p>the core of everything we do is a commitment
integrity, quality and innovation.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtfeature mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.6s">
<div class="mtfeature__item mtfeature__border d-flex align-items-center">
<div class="mtfeature__icon mr-50">
<span><i class="fa-light fa-user-helmet-safety"></i></span>
</div>
<div class="mtfeature__content">
<h3 class="mtfeature__title">Sustainability Focus</h3>
<p>the core of everything we do is a commitment
integrity, quality and innovation.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtfeature mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.8s">
<div class="mtfeature__item mtfeature__border d-flex align-items-center">
<div class="mtfeature__icon mr-50">
<span><i class="fa-light fa-hammer"></i></span>
</div>
<div class="mtfeature__content">
<h3 class="mtfeature__title">Transparent Pricing</h3>
<p>the core of everything we do is a commitment
integrity, quality and innovation.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Feature Area End -->
<!-- Newsletter area start -->
<div class="mtnewsletter__area p-relative wow mtFadeInUp" data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="container">
<div class="mtnewsletter__wrap mtnewsletter__bg p-relative"
data-background="assets/img/newsletter/newsletter-bg-1.jpg">
<div class="row align-items-center">
<div class="col-xl-7 col-lg-7">
<div class="mtnewsletter__left">
<h4 class="mtnewsletter__title mt-upper mb-18">Join Our Newsletter</h4>
<p>At the core of everything we do is a commitment to integrity, <br>
quality, and innovation. With every project,</p>
</div>
</div>
<div class="col-xl-5 col-lg-5">
<div class="mtnewsletter__right p-relative ml-40">
<div class="mtnewsletter__input p-relative">
<input type="text" placeholder="Inter Your email">
<button type="submit" class="mt-cta-icon">subscribe now</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Newsletter area end -->
<!-- Skill Area Start -->
<section class="mtskill__area pt-120 pb-110 p-relative">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="mt-section-content mb-50 mr-90">
<h2 class="mt-section-title">Future with <br>
strong values</h2>
<p>our foundation is built on unwavering values that guide every project we <br>
undertake. We believe in innovation, integrity.</p>
</div>
</div>
<div class="col-lg-5">
<div class="mtskill">
<div class="mtskill__item mb-30">
<h6>Integrity & Transparency</h6>
<span class="progress-count" style="left:calc(90% - 15px)">90%</span>
<div class="fix">
<div class="progress">
<div class="progress-bar" role="progressbar" data-width="90%" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100"
style="width: 90%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
</div>
</div>
<div class="mtskill__item mb-30">
<h6>Quality & Excellence</h6>
<span class="progress-count" style="left:calc(85% - 15px)">85%</span>
<div class="fix">
<div class="progress">
<div class="progress-bar" role="progressbar" data-width="85%" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100"
style="width: 85%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
</div>
</div>
<div class="mtskill__item mb-30">
<h6>Client-Centric Approach</h6>
<span class="progress-count" style="left:calc(95% - 15px)">95%</span>
<div class="fix">
<div class="progress">
<div class="progress-bar" role="progressbar" data-width="95%" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100"
style="width: 95%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
</div>
</div>
<div class="mtskill__item mb-30">
<h6>Respect & Inclusivity</h6>
<span class="progress-count" style="left:calc(75% - 15px)">75%</span>
<div class="fix">
<div class="progress">
<div class="progress-bar" role="progressbar" data-width="75%" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100"
style="width: 75%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
</div>
</div>
<div class="mtskill__item mb-30">
<h6>Legacy & Impact</h6>
<span class="progress-count" style="left:calc(98% - 15px)">98%</span>
<div class="fix">
<div class="progress">
<div class="progress-bar" role="progressbar" data-width="98%" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100"
style="width: 98%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skill Area End -->
<!-- Team Area Start -->
<section class="mtteam__area mtteam__2-area mtteam__bg pt-120 pb-125 p-palette ">
<div class="container">
<div class="mt-section-content mb-50 text-center">
<h2 class="mt-section-title mt-upper">Our Latest Team</h2>
</div>
<div class="mtteam__wrap">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="mtteam mtteam__2 p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mtteam__thumb text-center">
<div class="mtteam__social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
<img src="assets/img/team/team-2-1.jpg" alt="">
<div class="mtteam__content ">
<span>Interior Design</span>
<h3 class="mtteam__title"><a href="team-details.html">Guy Hawkins</a></h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mtteam mtteam__2 p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<div class="mtteam__thumb text-center">
<div class="mtteam__social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
<img src="assets/img/team/team-2-2.jpg" alt="">
<div class="mtteam__content ">
<span>Interior Design</span>
<h3 class="mtteam__title"><a href="team-details.html">Attention</a></h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mtteam mtteam__2 p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.6s">
<div class="mtteam__thumb text-center">
<div class="mtteam__social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
<img src="assets/img/team/team-2-3.jpg" alt="">
<div class="mtteam__content ">
<span>Interior Design</span>
<h3 class="mtteam__title"><a href="team-details.html">MR Hawkins</a></h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mtteam mtteam__2 p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.8s">
<div class="mtteam__thumb text-center">
<div class="mtteam__social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
<img src="assets/img/team/team-2-4.jpg" alt="">
<div class="mtteam__content ">
<span>Interior Design</span>
<h3 class="mtteam__title"><a href="team-details.html">Guy John</a></h3>
</div>
</div>
</div>
</div>
</div>
<div class="mtteam__btn text-center mt-30">
<a href="team.html" class="mt-btn big">
<span>Join <br>
Our team</span>
</a>
</div>
</div>
</div>
</section>
<!-- Team Area End -->
<!-- FAQ Area Start -->
<section class="mtfaq__area pt-130 pb-120 p-relative">
<div class="container">
<div class="row align-items-end mb-60">
<div class="col-lg-7">
<div class="mt-section-content mr-20">
<h2 class="mt-section-title mb-20 mt-upper">Frequently <br>
Asked Questions</h2>
</div>
</div>
<div class="col-lg-5">
<div class="mt-section-content ml-130">
<p>Every project we undertake is a testament to
dedication precision and unwavering commitment
to excellence. we specialize in blending.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="mtfaq">
<div class="accordion" id="accordionExampleOne">
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button " type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Do you provide custom design solutions?
</button>
</h2>
<div id="collapseOne" class="mt-accordion-collapse collapse show"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
How long does a typical project take?
</button>
</h2>
<div id="collapseTwo" class="mt-accordion-collapse collapse "
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
What is your pricing structure?
</button>
</h2>
<div id="collapseThree" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
What materials do you use?
</button>
</h2>
<div id="collapseFour" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
Do you offer eco-friendly options?
</button>
</h2>
<div id="collapseFive" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtfaq">
<div class="accordion" id="accordionExampleTwo">
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne1" aria-expanded="true" aria-controls="collapseOne1">
Do you provide custom design solutions?
</button>
</h2>
<div id="collapseOne1" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleTwo">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo1" aria-expanded="true" aria-controls="collapseTwo1">
How long does a typical project take?
</button>
</h2>
<div id="collapseTwo1" class="mt-accordion-collapse collapse show"
data-bs-parent="#accordionExampleTwo">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree1" aria-expanded="true" aria-controls="collapseThree1">
What is your pricing structure?
</button>
</h2>
<div id="collapseThree1" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleTwo">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour1" aria-expanded="true" aria-controls="collapseFour1">
What materials do you use?
</button>
</h2>
<div id="collapseFour1" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleTwo">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFive1" aria-expanded="true" aria-controls="collapseFive1">
Do you offer eco-friendly options?
</button>
</h2>
<div id="collapseFive1" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleTwo">
<div class="mt-accordion-body pr-50">
<p>Every project we undertake is a testament to dedication precision <br>
and unwavering commitment to excellence. we specialize in blending. <br>commitment
to excellence we specialize in blending.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Area End -->
<!-- Testimonial Area Start -->
<section class="mttestimonial__area mttestimonial__bg pt-120 pb-120 p-relative jarallax"
data-background="assets/img/testimonial/testimonial-bg-2.jpg">
<div class="container">
<div class="mttestimonial__wrapper mttestimonial__border pb-30">
<div class="swiper mt-testimonial-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mttestimonial mttestimonial__2 mttestimonial__space text-center">
<div class="mttestimonial__ratting mb-35">
<img src="assets/img/testimonial/circle.png" alt="">
</div>
<p class="mb-36">Our clients are at the heart of everything we do, and
their feedback is a testament to our dedication
to excellence. Each project we undertake</p>
<div class="mttestimonial__author-wrap">
<img src="assets/img/testimonial/author-1.png" alt="">
<h3 class="mttestimonial__author-name mb-6 mt-10">Brooklyn Simmons</h3>
<span class="mttestimonial__author-position">Construction</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial mttestimonial__2 mttestimonial__space text-center">
<div class="mttestimonial__ratting mb-35">
<img src="assets/img/testimonial/circle.png" alt="">
</div>
<p class="mb-36">Our clients are at the heart of everything we do, and
their feedback is a testament to our dedication
to excellence. Each project we undertake</p>
<div class="mttestimonial__author-wrap">
<img src="assets/img/testimonial/author-1.png" alt="">
<h3 class="mttestimonial__author-name mb-6 mt-10">Brooklyn Simmons</h3>
<span class="mttestimonial__author-position">Construction</span>
</div>
</div>
</div>
</div>
<div
class="mttestimonial__arrow mttestimonial__arrow-2 d-flex align-items-center justify-content-between z-index-4">
<div class="mttestimonial__button-next mttestimonial__button">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="14" viewBox="0 0 23 14"
fill="none">
<path
d="M12.4042 0C9.23442 2.80302 4.12106 5.44991 0 7.00078C4.12106 8.55061 9.23442 11.1965 12.4037 14L10.1942 7.80443L22.2084 7.80487C22.4184 7.8046 22.6197 7.71978 22.7681 7.56905C22.8788 7.45665 22.9542 7.31347 22.9848 7.15761C23.0153 7.00174 22.9996 6.84018 22.9397 6.69337C22.8797 6.54655 22.7782 6.42106 22.6479 6.33276C22.5177 6.24447 22.3645 6.19733 22.2078 6.1973L10.1941 6.1973L12.4042 0Z"
fill="white" />
</svg>
</span>
</div>
<div class="mttestimonial__button-prev mttestimonial__button mttestimonial__button-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="14" viewBox="0 0 23 14"
fill="none">
<path
d="M10.5958 0C13.7656 2.80302 18.8789 5.44991 23 7.00078C18.8789 8.55061 13.7656 11.1965 10.5963 14L12.8058 7.80443L0.791596 7.80487C0.581603 7.8046 0.380306 7.71978 0.231934 7.56905C0.121174 7.45665 0.0457526 7.31347 0.0152059 7.15761C-0.0153409 7.00174 0.000354817 6.84018 0.0603161 6.69337C0.120277 6.54655 0.221807 6.42106 0.352071 6.33276C0.482334 6.24447 0.635485 6.19733 0.792157 6.1973L12.8059 6.1973L10.5958 0Z"
fill="#111111" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="mtbrand-wrapper pt-55">
<div class="swiper mt-brand-2-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-1.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-3.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-4.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-5.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-6.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-7.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-1.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-3.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area End -->
<!-- Blog Area Start -->
<section class="mtblog__area mtblog__2 pt-120 pb-90 p-relative fix">
<div class="container">
<div class="row align-items-end mb-40">
<div class="col-lg-7">
<div class="mt-section-content mr-20">
<h2 class="mt-section-title mt-upper">Design &
Innovation Blog</h2>
</div>
</div>
<div class="col-lg-5">
<div class="mt-section-btn text-lg-end">
<a href="blog.html">
<span class="mt-btn">See All Blog</span>
<span class="mt-btn mt-btn-icon rotate"><i class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="mtblog__item mb-30">
<div class="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<a href="blog-details.html"><img src="assets/img/blog/blog-2-1.jpg" alt=""></a>
<div class="mtblog__category">
<span><a href="blog-details.html">Architecture</a></span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-25 d-flex align-items-center">
<div class="mtblog__meta-date p-relative mr-45 ">
<span><strong>23 </strong> August 2025 </span>
</div>
<span><a href="#"><img class="mr-6" src="assets/img/blog/author/author-2-1.jpg" alt="">
Brooklyn Simmons</a></span>
</div>
<h3 class="mtblog__title mt-fs-28 mb-15"><a href="blog-details.html">From Blueprint to Journey
Through Design.</a></h3>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="mtblog__item mb-30">
<div class="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a href="blog-details.html"><img src="assets/img/blog/blog-2-2.jpg" alt=""></a>
<div class="mtblog__category">
<span><a href="blog-details.html">Crafting</a></span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-25 d-flex align-items-center">
<div class="mtblog__meta-date p-relative mr-45 ">
<span><strong>23 </strong> August 2025 </span>
</div>
<span><a href="#"><img class="mr-6" src="assets/img/blog/author/author-2-2.jpg" alt="">
Brooklyn Simmons</a></span>
</div>
<h3 class="mtblog__title mt-fs-28 mb-15"><a href="blog-details.html">Architecture Modern
Perspectives.</a></h3>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="mtblog__item mb-30">
<div class="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<a href="blog-details.html"><img src="assets/img/blog/blog-2-3.jpg" alt=""></a>
<div class="mtblog__category">
<span><a href="blog-details.html">Elevating</a></span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-25 d-flex align-items-center">
<div class="mtblog__meta-date p-relative mr-45 ">
<span><strong>23 </strong> August 2025 </span>
</div>
<span><a href="#"><img class="mr-6" src="assets/img/blog/author/author-2-1.jpg" alt="">
Brooklyn Simmons</a></span>
</div>
<h3 class="mtblog__title mt-fs-28 mb-15"><a href="blog-details.html">Elevating Spaces The Art &
Science of Architecture</a></h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog Area End -->
<!-- Cta area Start -->
<section class="mtcta__area pt-40 pb-40 p-relative fix theme-bg">
<div class="mtcta__bg wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
<img src="assets/img/cta/cta-bg-1.jpg" alt="">
</div>
<div class="container">
<div class="row justify-content-end">
<div class="col-lg-6">
<div class="mtcta ml-50">
<div class="mtcta__item d-flex align-items-center justify-content-between">
<div class="mt-section-content mb-60 mr-30">
<h5 class="mt-section-subtitle mb-20"><cite></cite><i></i>Get In Touch</h5>
<h2 class="mt-section-title">Let’s Talk <br>
With Us</h2>
</div>
<div class="mtcta__btn">
<a href="contact.html">
<span> <i class="fa-solid fa-arrow-right"></i></span>
Get In
Touch
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Cta area End -->
</main>
<!-- footer start -->
<footer class="mt-footer-area p-relative black-bg-2 ">
<div class="container">
<div class="mt-footer-wrapper mtborder pt-100">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="mt-footer-widget footer-2-cols-1 mb-50">
<div class="mt-footer-logo mb-20">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
<div class="mt-footer-content">
<p class="mb-60">Every project we undertake is a
testament dedication.</p>
<div class="mt-footer-social mb-10">
<a href="#"><span>FB.</span></a>
<a href="#"><span>TW.</span></a>
<a href="#"><span>IN.</span></a>
<a href="#"><span>LE.</span></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mt-footer-widget footer-2-cols-2 mb-50">
<h2 class="mt-footer-title mb-20 mt-upper">Company </h2>
<div class="mt-footer-content">
<ul>
<li><a href="index.html">who we are?</a></li>
<li><a href="services.html">our Services</a></li>
<li><a href="team.html">Meet Our Team</a></li>
<li><a href="blog.html">latest blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mt-footer-widget footer-2-cols-3 mb-50">
<h2 class="mt-footer-title mb-20 mt-upper">Services </h2>
<div class="mt-footer-content">
<ul>
<li><a href="index.html">Custom Home Design</a></li>
<li><a href="#">Structural Engineering</a></li>
<li><a href="service-details.html">Restoration Services</a></li>
<li><a href="team-details.html">Exterior Detailing</a></li>
<li><a href="#">Renovation</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mt-footer-widget footer-2-cols-4 mb-50">
<h2 class="mt-footer-title mb-20 mt-upper">Newsletter.</h2>
<p>Don't miss the latest news</p>
<div class="mt-footer-newsletter">
<form action="#">
<div class="newsletter-2 p-relative">
<input type="email" placeholder="Enter email">
<button type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="15"
viewBox="0 0 14 15" fill="none">
<path
d="M2.41363 4.25813C5.97436 4.01426 10.6091 2.51164 13.9998 0.956055C12.4436 4.34619 10.9404 8.98031 10.6971 12.541L8.35749 7.54937L1.14767 14.7597C1.02149 14.8856 0.850496 14.9562 0.672272 14.9561C0.539302 14.956 0.409327 14.9166 0.298775 14.8427C0.188223 14.7688 0.102057 14.6638 0.0511761 14.541C0.000294708 14.4181 -0.0130205 14.2829 0.0129128 14.1525C0.0388461 14.0221 0.102865 13.9023 0.196875 13.8083L7.40667 6.59846L2.41363 4.25813Z"
fill="#C6F906" />
</svg></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-footer-copyright-area mt-footer-copyright-2 p-relative ">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="mt-footer-copyright mb-10">
<p>© 1995-2025 All rights for <a href="index.html">Nanantal</a> exclusive</p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="mt-footer-copyright-menu text-center text-md-end mb-10">
<ul>
<li><a href="#">Terms & Condition | </a></li>
<li><a href="#">Privacy Policy |</a></li>
<li><a href="#">Legal</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- JS here -->
<script src="assets/js/jquery-min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/magnific-popup.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/swiper-min.js"></script>
<script src="assets/js/purecounter.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/jarallax.min.js"></script>
<script src="assets/js/mobile-menu-scripts.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>