/home/moonrcjl/template.moontelict.com/arsha-prev/arsha/index-3.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 mtheader__3 mt-transparent-header p-relative">
<!-- header top area start -->
<div class="mtheader__top-area mtheader__top-border-bottom p-relative d-none d-lg-block">
<div class="container">
<div class="mtheader__top-wrapper d-flex align-items-center justify-content-between">
<div class="mtheader__top-left">
<a href="#"><i class="fa-light fa-location-dot"></i><span>2464 Royal Ln. Mesa, New York</span></a>
<a href="mailto:info@arcitagmail.com"><i
class="fa-light fa-envelope"></i><span>Info@Nanantalgmail.com</span></a>
</div>
<div class="mtheader__top-right d-flex align-items-center justify-content-between">
<div class="mtheader__top-left d-none d-xl-block mr-10">
<a href="#"><i class="fa-regular fa-clock"></i><span>Mon - Sat 8:00 - 18:20</span></a>
</div>
<div class="mtheader__top-social">
<a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="mt-header-sticky" class="mtheader__main-wrapper">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-6">
<div class="mtheader__logo mtheader__logo-2">
<a href="index.html"><img src="assets/img/logo/logo-3.png" alt=""></a>
</div>
</div>
<div class="col-xl-7 d-none d-xl-block">
<div class="mtheader__menu mtheader__menu-2">
<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-3 col-6">
<div class="mtheader__right d-flex align-items-center justify-content-end">
<div class="mtheader__btn-wrap d-none d-md-block mr-10">
<a href="about.html" class="mt-btn-wrap">
<span class="mt-btn-border">Get Quite</span>
<span class="mt-btn-border mt-btn-border-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12"
fill="none">
<path
d="M9.37166 0.142181C12.0619 2.48755 16.4017 4.70229 19.8993 5.99995C16.4017 7.29674 12.0619 9.5106 9.3721 11.8564L11.2473 6.67238L1.05074 6.67275C0.872519 6.67253 0.701676 6.60155 0.575751 6.47543C0.481748 6.38139 0.417737 6.26159 0.391812 6.13117C0.365886 6.00075 0.379207 5.86557 0.430097 5.74272C0.480986 5.61988 0.567157 5.51488 0.677713 5.441C0.788269 5.36712 0.918249 5.32767 1.05122 5.32765L11.2474 5.32765L9.37166 0.142181Z"
fill="#111111" />
</svg>
</span>
</a>
</div>
<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__3 pt-190 p-relative">
<div class="mthero__3-trans mb-25 mt-7">
<h1 class="mthero__3-trans-title wow img-custom-anim-left" data-wow-duration="1.5s" data-wow-delay="0.2s">
Interior & Architecture</h1>
</div>
<div class="mthero__3-main-wrap mb-120">
<div class="container p-relative">
<div class="mthero__3-shape">
<img src="assets/img/hero/shape-3-1.png" alt="">
</div>
<div class="row">
<div class="col-lg-7">
<div class="mthero__wrap">
<h2 class="mthero__title wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.3s">Classic architecture <br>
is a timeless blend of <br>
elegance,</h2>
</div>
</div>
<div class="col-lg-5">
<div class="mthero__wrap-info ml-140">
<p class="mb-28 wow img-custom-anim-right" data-wow-duration="1.5s" data-wow-delay="0.4s">Every
project we undertake is a testament to
dedication precision and unwavering commitment
to excellence. we specialize.</p>
<div class="mtteam__btn pl-6 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<a href="about.html">
<span class="mt-btn-black">Let’s Talk</span>
<span class="mt-btn-black mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mthero__3-thumb jarallax" data-background="assets/img/hero/hero-bg-3.jpg"></div>
</section>
<!-- End Hero Area -->
<!-- Fact Area Start -->
<section class="mtfact__area p-relative pb-50" data-bg-color="#0e1112">
<div class="container">
<div class="row g-0">
<div class="col-xl-3 col-lg-6">
<div class="mtfact mb-30">
<div class="mtfact__item">
<h3 class="mtfact__count mb-150"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="55">0</i>K</h3>
<div class="mtfact__content d-flex justify-content-between">
<span class="mtfact__number mr-20">01</span>
<p>Product sale <br>
per day</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="mtfact mb-30">
<div class="mtfact__item">
<h3 class="mtfact__count mb-150"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="56">0</i>M+</h3>
<div class="mtfact__content d-flex justify-content-between">
<span class="mtfact__number mr-20">02</span>
<p>Total Product <br> Downloaded</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="mtfact mb-30">
<div class="mtfact__item">
<h3 class="mtfact__count mb-150"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="50">0</i>K</h3>
<div class="mtfact__content d-flex justify-content-between">
<span class="mtfact__number mr-20">03</span>
<p>Tested by <br>
customers</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="mtfact mb-30">
<div class="mtfact__item">
<h3 class="mtfact__count mb-150"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="80">0</i>M+</h3>
<div class="mtfact__content d-flex justify-content-between">
<span class="mtfact__number mr-20">04</span>
<p>Tested by <br>
customers</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Fact Area End -->
<!-- About Area Start -->
<section class="mtabout__area mtabout__2 pt-45 pb-70 p-relative " data-bg-color="#0e1112">
<div class="container">
<div class="mt-section-wrapper">
<div class="row">
<div class="col-12">
<div class="mt-section-content ml-110 mb-30">
<h2 class="mt-section-title mtwhite mb-20">Classic Architecture, <br>
Modern Excellence</h2>
</div>
</div>
<div class="col-lg-4">
<div class="mt-section-content ml-110 mb-45">
<h5 class="mt-section-subtitle mtwhite mb-20"><span></span>About Us</h5>
</div>
</div>
<div class="col-lg-8">
<div class="mt-section-content ml-90 mb-45">
<p class="mtwhite">Every project we undertake is a testament to <br>
dedication precision and unwavering commitment <br>
to excellence. we specialize in blending timeless <br>
architectural principles</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="mtabout__thumb-wrap mb-60 text-center text-lg-end">
<div class="mtabout__thumb wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
<img src="assets/img/about/thumb-3-1.jpg" alt="">
</div>
</div>
</div>
<div class="col-lg-8">
<div class="mtabout__wrapper">
<div class="mtabout__thumb-wrap-left mb-55 d-flex align-items-center">
<div class="mtabout__thumb-sm mr-24 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/about/thumb-3-2.jpg" alt="">
</div>
<div class="mtabout__thumb-sm wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<img src="assets/img/about/thumb-3-3.jpg" alt="">
</div>
</div>
<div class="mt-section-content ml-50">
<p class="mtwhite mb-30">we specialize in blending timeless architectural principles with modern
<br>
functionality. With a passion for classic design, we create spaces that reflect <br>
heritage, elegance, and craftsmanship.
</p>
<div class="mtabout__btn-wrap">
<a href="about.html">
<span class="mt-btn">Let’s Talk</span>
<span class="mt-btn mt-btn-icon"><i class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Area End -->
<!-- Service Area Start -->
<section class="mtservice__area mtservice__pagi-3 pt-120 pb-160 black-b p-relative" data-bg-color="#0B0E0F">
<div class="container p-relative">
<div class="mt-section-wrapper mb-30">
<div class="row">
<div class="col-12">
<div class="mt-section-content ml-110 mb-25">
<h2 class="mt-section-title mtwhite mb-20">Classic Architecture, <br>
Modern Excellence</h2>
</div>
</div>
<div class="col-lg-4">
<div class="mt-section-content ml-110 mb-35">
<h5 class="mt-section-subtitle mtwhite mb-20"><span></span>Services Us</h5>
</div>
</div>
<div class="col-lg-8">
<div class="mt-section-content ml-90 mb-35">
<p class="mtwhite">Every project we undertake is a testament to <br>
dedication precision and unwavering commitment <br>
to excellence. we specialize in blending timeless <br>
architectural principles</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="swiper mtservice__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div
class="mtservice mtservice__3 mtservice__bg mtservice__border mb-30 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-pen-paintbrush"></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-40">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn-wrap">
<a href="service-details.html">
<span class="mt-btn">Read more</span>
<span class="mt-btn mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="mtservice mtservice__3 mtservice__bg mtservice__border mb-30 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-floppy-disk-pen"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Landscape
Planning</a></h3>
<p class="mb-40">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn-wrap">
<a href="service-details.html">
<span class="mt-btn">Read more</span>
<span class="mt-btn mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="mtservice mtservice__3 mtservice__bg mtservice__border mb-30 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-users"></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-40">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn-wrap">
<a href="service-details.html">
<span class="mt-btn">Read more</span>
<span class="mt-btn mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="mtservice mtservice__3 mtservice__bg mtservice__border mb-30 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-hammer-crash"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Luxury Design</a>
</h3>
<p class="mb-40">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn-wrap">
<a href="service-details.html">
<span class="mt-btn">Read more</span>
<span class="mt-btn mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="mtservice mtservice__3 mtservice__bg mtservice__border mb-30 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-paint-roller"></i></span>
</div>
<div class="mtservice__content">
<div class="mtservice__content-wrap">
<h3 class="mtservice__title mb-28"><a href="service-details.html">Renovation</a></h3>
<p class="mb-40">We believe that every project is an
opportunity to go beyond</p>
</div>
<div class="mtservice__btn-wrap">
<a href="service-details.html">
<span class="mt-btn">Read more</span>
<span class="mt-btn mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtservice__pagi">
<div class="mtservie-pagination"></div>
</div>
</div>
</div>
</section>
<!-- Service Are End -->
<!-- portfolio area statrt -->
<section class="mtshowcase__area pt-120 pb-110 black-bg p-relative fix" data-bg-color="#0e1112">
<div class="container">
<div class="mtshowcase__trans">
<h2 class="mtshowcase__trans-title mt-upper">Our Portfolio</h2>
</div>
<div class="mtshowcase__main-wrap">
<div class="swiper mtshowcase__active mt-test-slider-space">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtshowcase__wrapper ">
<div class="row align-items-center">
<div class="col-lg-4">
<div class="mtshowcase__content-wrap mb-30">
<div class="mtshowcase__content mb-50">
<span class="mb-10">Jan 06.2026</span>
<h3 class="mtshowcase__title"><a href="portfolio-details.html">Innovative <br>
UI/UX Design</a></h3>
</div>
<div class="mtshowcase__btn-wrap">
<a href="portfolio-details.html">
<span class="mt-btn">view showcase</span>
<span class="mt-btn mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="mtshowcase__thumb-wrap mb-30 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtshowcase__thumb br-10">
<img src="assets/img/project/project-3-1.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtshowcase__wrapper ">
<div class="row align-items-center">
<div class="col-lg-4">
<div class="mtshowcase__content-wrap mb-30">
<div class="mtshowcase__content mb-50">
<span class="mb-10">Jan 06.2026</span>
<h3 class="mtshowcase__title"><a href="portfolio-details.html">Integrated
<br> Interior Design</a></h3>
</div>
<div class="mtshowcase__btn-wrap">
<a href="portfolio-details.html">
<span class="mt-btn">view showcase</span>
<span class="mt-btn mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="mtshowcase__thumb-wrap mb-30 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtshowcase__thumb br-10">
<img src="assets/img/project/project-3-2.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtshowcase__wrapper ">
<div class="row align-items-center">
<div class="col-lg-4">
<div class="mtshowcase__content-wrap mb-30">
<div class="mtshowcase__content mb-50">
<span class="mb-10">Jan 06.2026</span>
<h3 class="mtshowcase__title"><a href="portfolio-details.html">Innovative <br>
UI/UX Design</a></h3>
</div>
<div class="mtshowcase__btn-wrap">
<a href="portfolio-details.html">
<span class="mt-btn">view showcase</span>
<span class="mt-btn mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="mtshowcase__thumb-wrap mb-30 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<div class="mtshowcase__thumb br-10">
<img src="assets/img/project/project-3-1.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- portfolio area end -->
<!-- Team Area Start -->
<section class="mtteam__area pt-120 pb-120 p-palette fix" data-bg-color="#0b0e0f">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<div class="mt-section-content mb-60">
<h2 class="mt-section-title mtwhite mb-20">Where Talent <br>
Meets Innovation</h2>
<h5 class="mt-section-subtitle mtwhite "><span></span>Our Team</h5>
</div>
</div>
<div class="col-lg-4">
<div class="mtblog__arrow z-index-4 mb-80">
<div class="mtteam__button-next mtblog__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="#fff"></path>
</svg>
</span>
</div>
<div class="mtteam__button-prev mtblog__button">
<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="#000"></path>
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="mtteam__wrap mb-30">
<div class="swiper mtteam__active mt-team-slider-space">
<div class="swiper-wrapper">
<div class="swiper-slide">
<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-3-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="swiper-slide">
<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-3-2.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 class="swiper-slide">
<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-3-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="swiper-slide">
<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-3-4.jpg" alt="">
<div class="mtteam__content ">
<span>Interior Design</span>
<h3 class="mtteam__title"><a href="team-details.html">John Mir</a></h3>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<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-3-5.jpg" alt="">
<div class="mtteam__content ">
<span>Interior Design</span>
<h3 class="mtteam__title"><a href="team-details.html">Khaled Mir</a></h3>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<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-3-2.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>
</div>
</div>
<div class="mtteam__btn-wrap">
<a href="team.html">
<span class="mt-btn">Join Our Team</span>
<span class="mt-btn mt-btn-icon rotate"><i class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</section>
<!-- Team Area End -->
<!-- FAQ Area Start -->
<section class="mtfaq__area pt-125 pb-50 p-relative" data-bg-color="#0e1112">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="mt-section-content mb-60 mr-20">
<h2 class="mt-section-title mtwhite mb-20">Frequently <br>
Asked Questions</h2>
<h5 class="mt-section-subtitle mtwhite "><span></span>Our FAQ</h5>
</div>
</div>
<div class="col-lg-5">
<div class="mt-section-content mb-60 ml-130">
<p class="mtwhite">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 justify-content-end">
<div class="col-lg-6">
<div class="mtfaq mtfaq__2">
<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>
</div>
</section>
<!-- FAQ Area End -->
<!-- Pricing Area Start -->
<section class="mt-pricing-area pb-100 pt-60" data-bg-color="#0e1112">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice wow mtFadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title mb-10">Enterprise</h3>
<div class="mtprice__price">
<h4>$40<span>/month</span></h4>
</div>
<div class="mtprice__sep"></div>
<ul class="mtprice__features mb-120">
<li><i class="fal fa-check"></i> <span> Comprehensive Consultation</span></li>
<li><i class="fal fa-check"></i> <span> Material & Labor Costs</span></li>
<li><i class="fal fa-check"></i> <span> Project Management</span></li>
<li><i class="fal fa-check"></i> <span> Post-Project Support</span></li>
</ul>
<div class="mt-price-btn mt-50">
<a href="contact.html" class="mt-btn-2">
<span>
Buy Now
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice wow mtFadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title mb-10">Enterprise</h3>
<div class="mtprice__price">
<h4>$40<span>/month</span></h4>
</div>
<div class="mtprice__sep"></div>
<ul class="mtprice__features mb-120">
<li><i class="fal fa-check"></i> <span> Comprehensive Consultation</span></li>
<li><i class="fal fa-check"></i> <span> Material & Labor Costs</span></li>
<li><i class="fal fa-check"></i> <span> Project Management</span></li>
<li><i class="fal fa-check"></i> <span> Post-Project Support</span></li>
</ul>
<div class="mt-price-btn mt-50">
<a href="contact.html" class="mt-btn-2">
<span>
Buy Now
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice wow mtFadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title mb-10">Enterprise</h3>
<div class="mtprice__price">
<h4>$40<span>/month</span></h4>
</div>
<div class="mtprice__sep"></div>
<ul class="mtprice__features mb-120">
<li><i class="fal fa-check"></i> <span> Comprehensive Consultation</span></li>
<li><i class="fal fa-check"></i> <span> Material & Labor Costs</span></li>
<li><i class="fal fa-check"></i> <span> Project Management</span></li>
<li><i class="fal fa-check"></i> <span> Post-Project Support</span></li>
</ul>
<div class="mt-price-btn mt-50">
<a href="contact.html" class="mt-btn-2">
<span>
Buy Now
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Process Area Start -->
<section class="mtprocess__area mtprocess__bg pt-120 pb-75 p-relative" data-bg-color="#0b0e0f">
<div class="container">
<div class="mtprocess__shape-wrapp">
<div class="mtprocess__shape-1">
<img src="assets/img/process/shape-1.png" alt="">
</div>
<div class="mtprocess__shape-2">
<img src="assets/img/process/shape-1.png" alt="">
</div>
</div>
<div class="row align-items-end">
<div class="col-lg-4">
<div class="mtprocess mtprocess__2 mtprocess__space text-center mb-30">
<div class="mtprocess__thumb p-relative mb-75 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/process/process-1-1.jpg" alt="">
<div class="mtprocess__number p-relative">
<p><svg xmlns="http://www.w3.org/2000/svg" width="62" height="68" viewBox="0 0 62 68"
fill="none">
<path
d="M26 1.88675C29.094 0.100424 32.906 0.100423 36 1.88675L56.3109 13.6132C59.4049 15.3996 61.3109 18.7008 61.3109 22.2735V45.7265C61.3109 49.2992 59.4049 52.6004 56.3109 54.3868L36 66.1133C32.906 67.8996 29.094 67.8996 26 66.1133L5.68911 54.3868C2.5951 52.6004 0.689112 49.2992 0.689112 45.7265V22.2735C0.689112 18.7008 2.5951 15.3996 5.68911 13.6132L26 1.88675Z"
fill="#fff" />
</svg>
<span>01</span>
</p>
</div>
</div>
<div class="mtprocess__content">
<h3 class="mtprocess__title">Consultation & Discovery</h3>
<p>We start by understanding your vision, <br> goals, and unique needs.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="mtprocess mtprocess__2 mtprocess__space text-center mb-30">
<div class="mtprocess__thumb p-relative mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/process/process-1-2.jpg" alt="">
<div class="mtprocess__number mtprocess__number-2 p-relative">
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="68" viewBox="0 0 62 68"
fill="none">
<path
d="M26.0001 1.88675C29.0941 0.100424 32.9061 0.100423 36.0001 1.88675L56.311 13.6132C59.405 15.3996 61.311 18.7008 61.311 22.2735V45.7265C61.311 49.2992 59.405 52.6004 56.311 54.3868L36.0001 66.1133C32.9061 67.8996 29.0941 67.8996 26.0001 66.1133L5.68923 54.3868C2.59522 52.6004 0.689234 49.2992 0.689234 45.7265V22.2735C0.689234 18.7008 2.59522 15.3996 5.68923 13.6132L26.0001 1.88675Z"
fill="#C6F906" />
</svg>
<span>02</span>
</p>
</div>
</div>
<div class="mtprocess__content">
<h3 class="mtprocess__title">Execution & Construction</h3>
<p>We start by understanding your vision, <br> goals, and unique needs.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="mtprocess mtprocess__2 mtprocess__space text-center mb-30">
<div class="mtprocess__thumb p-relative mb-75 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<img src="assets/img/process/process-1-3.jpg" alt="">
<div class="mtprocess__number p-relative">
<p><svg xmlns="http://www.w3.org/2000/svg" width="62" height="68" viewBox="0 0 62 68"
fill="none">
<path
d="M26 1.88675C29.094 0.100424 32.906 0.100423 36 1.88675L56.3109 13.6132C59.4049 15.3996 61.3109 18.7008 61.3109 22.2735V45.7265C61.3109 49.2992 59.4049 52.6004 56.3109 54.3868L36 66.1133C32.906 67.8996 29.094 67.8996 26 66.1133L5.68911 54.3868C2.5951 52.6004 0.689112 49.2992 0.689112 45.7265V22.2735C0.689112 18.7008 2.5951 15.3996 5.68911 13.6132L26 1.88675Z"
fill="#fff" />
</svg>
<span>03</span>
</p>
</div>
</div>
<div class="mtprocess__content">
<h3 class="mtprocess__title">Rehabilitation & Closure</h3>
<p>We start by understanding your vision, <br> goals, and unique needs.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Process Area End -->
<!-- Testimonial Area Start -->
<div class="pt-100 pb-120" data-bg-color="#0b0e0f"></div>
<section class="mttestimonial__area mttestimonial__bg mttestimonial__3-bg pb-120 p-relative jarallax"
data-background="assets/img/testimonial/testimonial-bg-3.jpg">
<div class="container-fluid">
<div class="mttestimonial__wrapper">
<div class="row justify-content-end">
<div class="col-lg-7">
<div class="swiper mt-testimonial-active mttestimonial__3-space">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mttestimonial mttestimonial__3 fix">
<div class="mttestimonial__content-wrap mb-25 d-flex align-items-center">
<img class="mr-10" src="assets/img/testimonial/quate.png" alt="">
<h3 class="mttestimonial__title">What Clients Say</h3>
</div>
<div class="mttestimonial__content">
<h4 class="mb-20"><span></span>Our Testimonial</h4>
<p class="mb-36">Our clients are at the heart of everything we do, and their
feedback <br>
testament to our dedication to excellence. Each project we undertake <br>
is a partnership built on open communication, trust, and a shared <br>
vision. From innovative designs to seamless execution,</p>
</div>
<div class="mttestimonial__author-wrap d-flex align-items-center">
<div class="mttestimonial__author-img mr-10">
<img src="assets/img/testimonial/author-1.png" alt="">
</div>
<div class="mttestimonial__author-info">
<span class="mttestimonial__author-position">Construction</span>
<h3 class="mttestimonial__author-name mb-6">Brooklyn Simmons</h3>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial mttestimonial__3 fix">
<div class="mttestimonial__content-wrap mb-25 d-flex align-items-center">
<img class="mr-10" src="assets/img/testimonial/quate.png" alt="">
<h3 class="mttestimonial__title">What Clients Say</h3>
</div>
<div class="mttestimonial__content">
<h4 class="mb-20"><span></span>Our Testimonial</h4>
<p class="mb-36">Our clients are at the heart of everything we do, and their
feedback <br>
testament to our dedication to excellence. Each project we undertake <br>
is a partnership built on open communication, trust, and a shared <br>
vision. From innovative designs to seamless execution,</p>
</div>
<div class="mttestimonial__author-wrap d-flex align-items-center">
<div class="mttestimonial__author-img mr-10">
<img src="assets/img/testimonial/author-1.png" alt="">
</div>
<div class="mttestimonial__author-info">
<span class="mttestimonial__author-position">Construction</span>
<h3 class="mttestimonial__author-name mb-6">Brooklyn Simmons</h3>
</div>
</div>
</div>
</div>
</div>
<div
class="mttestimonial__arrow mttestimonial__arrow-3 d-flex align-items-center justify-content- 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="#111" />
</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="#fff" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area End -->
<!-- Blog Area Start -->
<section class="mtblog__area mtblog__3 pt-120 pb-40 p-relative fix" data-bg-color="#0e1112">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="mt-section-content mb-50 mr-20">
<h2 class="mt-section-title mtwhite mb-20">Exploring <br>
Timeless Designs.</h2>
<h5 class="mt-section-subtitle mtwhite "><span></span>Our Blog</h5>
</div>
</div>
<div class="col-lg-5">
<div class="mt-section-content mb-50 ml-130">
<p class="mtwhite">Every project we undertake is a testament to
dedication precision and unwavering.</p>
</div>
</div>
</div>
<div class="mtblog__main-wrapper">
<div class="row">
<div class="col-lg-12">
<div class="mtblog__wrapper">
<div class="mtblog__item d-flex align-items-center justify-content-between">
<div class="mtblog__thumb p-relative br-5 pl-90 mr-50 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-3-1.jpg" alt=""></a>
<div class="mtblog__date">
<strong>23 </strong>
<span> August 2025 </span>
</div>
</div>
<div class="mtblog__content mr-140">
<h3 class="mtblog__title mt-fs-28 mb-15"><a href="blog-details.html">Timeless Designs
Blending Classic
<br>
& Modern Styles</a></h3>
</div>
<div class="mtblog__btn-wrap">
<a href="blog-details.html" class="mt-btn-wrap">
<span class="mt-btn-border">Read More</span>
<span class="mt-btn-border mt-btn-border-icon rotate">
<i class="fa-solid fa-arrow-right"></i>
</span>
</a>
</div>
</div>
<div class="mtblog__item d-flex align-items-center justify-content-between">
<div class="mtblog__thumb p-relative br-5 pl-90 mr-50 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-3-2.jpg" alt=""></a>
<div class="mtblog__date">
<strong>23 </strong>
<span> August 2025 </span>
</div>
</div>
<div class="mtblog__content mr-140">
<h3 class="mtblog__title mt-fs-28 mb-15"><a href="blog-details.html">The Importance of
Space Planning <br>
in Interior Design</a></h3>
</div>
<div class="mtblog__btn-wrap">
<a href="blog-details.html" class="mt-btn-wrap">
<span class="mt-btn-border">Read More</span>
<span class="mt-btn-border mt-btn-border-icon rotate">
<i class="fa-solid fa-arrow-right"></i>
</span>
</a>
</div>
</div>
<div class="mtblog__item d-flex align-items-center justify-content-between">
<div class="mtblog__thumb p-relative br-5 pl-90 mr-50 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.4s">
<a href="blog-details.html"><img src="assets/img/blog/blog-3-3.jpg" alt=""></a>
<div class="mtblog__date">
<strong>23 </strong>
<span> August 2025 </span>
</div>
</div>
<div class="mtblog__content mr-140">
<h3 class="mtblog__title mt-fs-28 mb-15"><a href="blog-details.html">Smart Home
Integration: The Future
<br>
of Living Spaces</a></h3>
</div>
<div class="mtblog__btn-wrap">
<a href="blog-details.html" class="mt-btn-wrap">
<span class="mt-btn-border">Read More</span>
<span class="mt-btn-border mt-btn-border-icon rotate">
<i class="fa-solid fa-arrow-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog Area End -->
<!-- Brand Area Start -->
<div class="mtbrand__area mtbrand__3 pt-40 pb-130" data-bg-color="#0e1112">
<div class="container">
<div class="row">
<div class="mtbrand-wrapper pt-55">
<div class="swiper mt-brand-3-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-1.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-3.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-4.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-5.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-4.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-3.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-1.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-2-5.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Brand Area End -->
</main>
<!-- footer start -->
<footer class="mt-footer-area p-relative black-bg-2 " data-bg-color="#0B0E0F">
<div class="container">
<div class="mt-footer-wrapper pt-100 mb-40">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="mt-footer-widget footer-3-cols-1 mb-50">
<div class="mt-footer-content pl-6">
<h4 class="mb-45">start your
journey with us</h4>
<div class="footerg__btn-wrap">
<a href="contact.html">
<span class="mt-btn">contact Us</span>
<span class="mt-btn mt-btn-icon rotate"><i class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="mt-footer-widget footer-2-cols-2 mb-50">
<h2 class="mt-footer-title mb-20 ">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-xl-3 col-lg-6 col-md-6">
<div class="mt-footer-widget footer-2-cols-3 mb-50">
<h2 class="mt-footer-title mb-20 ">Services </h2>
<div class="mt-footer-content">
<ul>
<li><a href="index.html">Custom Home Design</a></li>
<li><a href="testimonial.html">Structural Engineering</a></li>
<li><a href="service-details.html">Restoration Services</a></li>
<li><a href="portfolio-details.html">Exterior Detailing</a></li>
<li><a href="team-details.html">Renovation</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="mt-footer-widget footer-2-cols-4 mb-50">
<h2 class="mt-footer-title mb-20 ">Newsletter.</h2>
<div class="mt-footer-newsletter">
<form action="#">
<div class="newsletter-3 p-relative mb-15">
<input type="email" placeholder="Enter email">
<button type="submit">Subscribe</button>
</div>
</form>
</div>
<p>Don't miss the latest news</p>
</div>
</div>
</div>
</div>
</div>
<div class="mt-footer-copyright-area mt-footer-copyright-2 mt-footer-copyright-3 p-relative ">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-4 col-lg-4">
<div class="mt-footer-copyright mb-35">
<p>© 1995-2025 All rights for <a href="index.html">Nanantal</a> exclusive</p>
</div>
</div>
<div class="col-xl-4 col-lg-4">
<div class="mt-footer-copyright-logo text-center mb-35">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
</div>
<div class="col-xl-4 col-lg-4">
<div class="mt-footer-copyright-menu text-center text-lg-end mb-35">
<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/wow.js"></script>
<script src="assets/js/purecounter.js"></script>
<script src="assets/js/smooth-scroll.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>