<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Freegen - Creative Digital Agency & Portfolio HTML Template.</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.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/animate.min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body class="mt-magic-cursor loaded">
<!-- Begin magic cursor -->
<div id="magic-cursor" class="cursor-black-bg">
<div id="ball"></div>
</div>
<!-- End magic cursor -->
<!-- backtotop area start -->
<div class="scrollToTop">
<div class="arrowUp">
<i class="fa-light fa-arrow-up"></i>
</div>
<div class="water">
<svg viewBox="0 0 560 20" class="water_wave water_wave_back">
<use xlink:href="#wave"></use>
</svg>
<svg viewBox="0 0 560 20" class="water_wave water_wave_front">
<use xlink:href="#wave"></use>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 560 20" style="display: none;">
<symbol id="wave">
<path
d="M420,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C514,6.5,518,4.7,528.5,2.7c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H420z"
fill="#"></path>
<path
d="M420,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C326,6.5,322,4.7,311.5,2.7C304.3,1.4,293.6-0.1,280,0c0,0,0,0,0,0v20H420z"
fill="#"></path>
<path
d="M140,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C234,6.5,238,4.7,248.5,2.7c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H140z"
fill="#"></path>
<path
d="M140,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C46,6.5,42,4.7,31.5,2.7C24.3,1.4,13.6-0.1,0,0c0,0,0,0,0,0l0,20H140z"
fill="#"></path>
</symbol>
</svg>
</div>
</div>
<!-- backtotop area end -->
<!-- loading-area-start -->
<div class="loader-wrap">
<svg viewBox="0 0 1000 1000" preserveAspectRatio="none">
<path id="svg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
</svg>
<div class="loader-wrap-heading">
<div class="load-text">
<span>F</span>
<span>R</span>
<span>E</span>
<span>E</span>
<span>G</span>
<span>E</span>
<span>N</span>
</div>
</div>
</div>
<!-- loading-area-end -->
<!-- mtoffcanvas__area-start -->
<div class="mtoffcanvas__area">
<div class="mtoffcanvas">
<div class="mtoffcanvas__top d-flex align-items-center justify-content-between">
<div class="mtoffcanvas__logo">
<a href="index.html">
<img data-width="150" src="assets/img/logo/black-logo.png" alt="logo">
</a>
</div>
<div class="mtoffcanvas__close-btn">
<button class="close-btn">
<svg width="37" height="38" viewBox="0 0 37 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.19141 9.80762L27.5762 28.1924" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.19141 28.1924L27.5762 9.80761" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
<div class="mtoffcanvas__content d-none d-xl-block">
<h3 class="mtoffcanvas__title">Hello There!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, </p>
</div>
<div class="mt-offcanvas-menu d-xl-none">
<nav></nav>
</div>
<div class="mtoffcanvas__gallery d-none d-xl-block">
<div class="row gx-2">
<div class="col-md-3 col-3">
<div class="mtoffcanvas__gallery-img fix">
<a class="popup-image" href="assets/img/project/project-2-1.jpg">
<img src="assets/img/project/project-2-1.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-3 col-3">
<div class="mtoffcanvas__gallery-img fix">
<a class="popup-image" href="assets/img/project/project-2-2.jpg">
<img src="assets/img/project/project-2-2.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-3 col-3">
<div class="mtoffcanvas__gallery-img fix">
<a class="popup-image" href="assets/img/project/project-2-3.jpg">
<img src="assets/img/project/project-2-3.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-3 col-3">
<div class="mtoffcanvas__gallery-img fix">
<a class="popup-image" href="assets/img/project/project-2-2.jpg">
<img src="assets/img/project/project-2-2.jpg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="mtoffcanvas__contact">
<h3 class="mtoffcanvas__title sm">Information</h3>
<ul>
<li>
<a href="tel:1245654">+ 4 20 7700 1007</a>
</li>
<li>
<a href="mailto:hello@aleric.com">hello@aleric.com</a>
</li>
<li>
<a href="#">Avenue de Roma 158b, Lisboa</a>
</li>
</ul>
</div>
<div class="mtoffcanvas__social">
<h3 class="mtoffcanvas__title sm">Follow Us</h3>
<ul>
<li>
<a href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.25 1.5H4.75C2.95507 1.5 1.5 2.95507 1.5 4.75V11.25C1.5 13.0449 2.95507 14.5 4.75 14.5H11.25C13.0449 14.5 14.5 13.0449 14.5 11.25V4.75C14.5 2.95507 13.0449 1.5 11.25 1.5Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M10.6016 7.5907C10.6818 8.13166 10.5894 8.68414 10.3375 9.16955C10.0856 9.65497 9.68711 10.0486 9.19862 10.2945C8.71014 10.5404 8.15656 10.6259 7.61663 10.5391C7.0767 10.4522 6.57791 10.1972 6.19121 9.81055C5.80451 9.42385 5.54959 8.92506 5.46271 8.38513C5.37583 7.8452 5.46141 7.29163 5.70728 6.80314C5.95315 6.31465 6.34679 5.91613 6.83221 5.66425C7.31763 5.41238 7.87011 5.31998 8.41107 5.4002C8.96287 5.48202 9.47372 5.73915 9.86817 6.1336C10.2626 6.52804 10.5197 7.0389 10.6016 7.5907Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M11.5742 4.42578H11.5842" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M2.50589 12.7494C4.57662 16.336 9.16278 17.5648 12.7494 15.4941C14.2113 14.65 15.2816 13.388 15.8962 11.9461C16.7895 9.85066 16.7208 7.37526 15.4941 5.25063C14.2674 3.12599 12.1581 1.82872 9.89669 1.55462C8.34063 1.366 6.71259 1.66183 5.25063 2.50589C1.66403 4.57662 0.435172 9.16278 2.50589 12.7494Z"
stroke="currentColor" stroke-width="1.5" />
<path
d="M12.7127 15.4292C12.7127 15.4292 12.0086 10.4867 10.5011 7.87559C8.99362 5.26451 5.28935 2.57155 5.28935 2.57155M5.68449 15.6124C6.79553 12.2606 12.34 8.54524 16.3975 9.43537M12.311 2.4082C11.1953 5.72344 5.75732 9.38453 1.71875 8.58915"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="18" height="11" viewBox="0 0 18 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1 5.5715H6.33342C7.62867 5.5715 8.61917 6.56199 8.61917 7.85725C8.61917 9.15251 7.62867 10.143 6.33342 10.143H1.76192C1.30477 10.143 1 9.83823 1 9.38108V1.76192C1 1.30477 1.30477 1 1.76192 1H5.5715C6.86676 1 7.85725 1.99049 7.85725 3.28575C7.85725 4.58101 6.86676 5.5715 5.5715 5.5715H1Z"
stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path>
<path
d="M10.9062 7.09454H17.0016C17.0016 5.41832 15.6301 4.04688 13.9539 4.04688C12.2777 4.04688 10.9062 5.41832 10.9062 7.09454ZM10.9062 7.09454C10.9062 8.77076 12.2777 10.1422 13.9539 10.1422H15.2492"
stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"
stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.1125 1.44434H11.668" stroke="currentColor" stroke-width="1.2"
stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="18" height="14" viewBox="0 0 18 14" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.75 13H5.25C3 13 1.5 11.5 1.5 9.25V4.75C1.5 2.5 3 1 5.25 1H12.75C15 1 16.5 2.5 16.5 4.75V9.25C16.5 11.5 15 13 12.75 13Z"
stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M8.70676 5.14837L10.8006 6.40465C11.5543 6.90716 11.5543 7.66093 10.8006 8.16344L8.70676 9.41972C7.86923 9.92224 7.19922 9.50348 7.19922 8.5822V6.06964C7.19922 4.98086 7.86923 4.64585 8.70676 5.14837Z"
fill="currentColor" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="body-overlay"></div>
<header class=" mtheader__transparent">
<!-- header main area start -->
<div id="header-sticky" class="mtheader__area mtheader__2 sticky-black-bg pt-10 pb-10">
<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="logo"></a>
</div>
</div>
<div class="col-xl-10 col-6">
<div
class="mtheader__wrapper d-flex align-items-center justify-content-end justify-content-xl-between">
<div class="mtheader__menu mtheader__space d-none d-xl-block">
<nav class="mt-mobile-menu-active">
<ul>
<li class="dropdown has-dropdown p-static"><a href="#">Home </a>
<ul class="mt-submenu sub-menu">
<li><a href="index.html">Home 01</a></li>
<li><a href="index-2.html">Home 02</a></li>
<li><a href="index-3.html">Home 03</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Services</a>
<ul class="mt-submenu sub-menu">
<li><a href="services.html">Modern 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="mt-submenu sub-menu">
<li><a href="about.html">Modern About</a></li>
<li><a href="portfolio.html">Modern Portfolio</a></li>
<li><a href="portfolio-details.html"> Portfolio Details</a></li>
<li><a href="services.html"> Our Services </a></li>
<li><a href="service-details.html"> Services Details </a></li>
<li><a href="team.html"> Our Team </a></li>
<li><a href="team-details.html"> Team Details</a></li>
<li><a href="pricing.html">Our Pricing </a></li>
<li><a href="blog.html">Our Blog </a></li>
<li><a href="blog-grid.html"> Blog Grid</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="error.html"> Error 404 </a></li>
<li><a href="faq.html"> Our Faq </a></li>
<li><a href="contact.html"> Contact Us</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Blog</a>
<ul class="mt-submenu sub-menu">
<li><a href="blog.html">Modern Blog</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us </a></li>
</ul>
</nav>
</div>
<div class="mtheader__right d-flex align-items-center">
<div class="mtheader__mail d-none d-md-flex mr-80">
<a href="mailto:info@freegengmail.com"><span>G:</span> info@freegengmail.com</a>
</div>
<div class="mtheader__bar">
<button class="mt-menu-bar mt-offcanvas-open-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30"
viewBox="0 0 30 30" fill="none">
<path
d="M8.75 0H5C3.67392 0 2.40215 0.526784 1.46447 1.46447C0.526784 2.40215 0 3.67392 0 5L0 8.75C0 10.0761 0.526784 11.3479 1.46447 12.2855C2.40215 13.2232 3.67392 13.75 5 13.75H8.75C10.0761 13.75 11.3479 13.2232 12.2855 12.2855C13.2232 11.3479 13.75 10.0761 13.75 8.75V5C13.75 3.67392 13.2232 2.40215 12.2855 1.46447C11.3479 0.526784 10.0761 0 8.75 0ZM11.25 8.75C11.25 9.41304 10.9866 10.0489 10.5178 10.5178C10.0489 10.9866 9.41304 11.25 8.75 11.25H5C4.33696 11.25 3.70107 10.9866 3.23223 10.5178C2.76339 10.0489 2.5 9.41304 2.5 8.75V5C2.5 4.33696 2.76339 3.70107 3.23223 3.23223C3.70107 2.76339 4.33696 2.5 5 2.5H8.75C9.41304 2.5 10.0489 2.76339 10.5178 3.23223C10.9866 3.70107 11.25 4.33696 11.25 5V8.75Z"
fill="white" />
<path
d="M8.75 16.25H5C3.67392 16.25 2.40215 16.7768 1.46447 17.7145C0.526784 18.6521 0 19.9239 0 21.25L0 25C0 26.3261 0.526784 27.5979 1.46447 28.5355C2.40215 29.4732 3.67392 30 5 30H8.75C10.0761 30 11.3479 29.4732 12.2855 28.5355C13.2232 27.5979 13.75 26.3261 13.75 25V21.25C13.75 19.9239 13.2232 18.6521 12.2855 17.7145C11.3479 16.7768 10.0761 16.25 8.75 16.25ZM11.25 25C11.25 25.663 10.9866 26.2989 10.5178 26.7678C10.0489 27.2366 9.41304 27.5 8.75 27.5H5C4.33696 27.5 3.70107 27.2366 3.23223 26.7678C2.76339 26.2989 2.5 25.663 2.5 25V21.25C2.5 20.587 2.76339 19.9511 3.23223 19.4822C3.70107 19.0134 4.33696 18.75 5 18.75H8.75C9.41304 18.75 10.0489 19.0134 10.5178 19.4822C10.9866 19.9511 11.25 20.587 11.25 21.25V25Z"
fill="white" />
<path
d="M25 16.25H21.25C19.9239 16.25 18.6521 16.7768 17.7145 17.7145C16.7768 18.6521 16.25 19.9239 16.25 21.25V25C16.25 26.3261 16.7768 27.5979 17.7145 28.5355C18.6521 29.4732 19.9239 30 21.25 30H25C26.3261 30 27.5979 29.4732 28.5355 28.5355C29.4732 27.5979 30 26.3261 30 25V21.25C30 19.9239 29.4732 18.6521 28.5355 17.7145C27.5979 16.7768 26.3261 16.25 25 16.25ZM27.5 25C27.5 25.663 27.2366 26.2989 26.7678 26.7678C26.2989 27.2366 25.663 27.5 25 27.5H21.25C20.587 27.5 19.9511 27.2366 19.4822 26.7678C19.0134 26.2989 18.75 25.663 18.75 25V21.25C18.75 20.587 19.0134 19.9511 19.4822 19.4822C19.9511 19.0134 20.587 18.75 21.25 18.75H25C25.663 18.75 26.2989 19.0134 26.7678 19.4822C27.2366 19.9511 27.5 20.587 27.5 21.25V25Z"
fill="white" />
<path
d="M17.5 8.75H21.25V12.5C21.25 12.8315 21.3817 13.1495 21.6161 13.3839C21.8505 13.6183 22.1685 13.75 22.5 13.75C22.8315 13.75 23.1495 13.6183 23.3839 13.3839C23.6183 13.1495 23.75 12.8315 23.75 12.5V8.75H27.5C27.8315 8.75 28.1495 8.6183 28.3839 8.38388C28.6183 8.14946 28.75 7.83152 28.75 7.5C28.75 7.16848 28.6183 6.85054 28.3839 6.61612C28.1495 6.3817 27.8315 6.25 27.5 6.25H23.75V2.5C23.75 2.16848 23.6183 1.85054 23.3839 1.61612C23.1495 1.3817 22.8315 1.25 22.5 1.25C22.1685 1.25 21.8505 1.3817 21.6161 1.61612C21.3817 1.85054 21.25 2.16848 21.25 2.5V6.25H17.5C17.1685 6.25 16.8505 6.3817 16.6161 6.61612C16.3817 6.85054 16.25 7.16848 16.25 7.5C16.25 7.83152 16.3817 8.14946 16.6161 8.38388C16.8505 8.6183 17.1685 8.75 17.5 8.75Z"
fill="white" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<div id="smooth-wrapper">
<div id="smooth-content">
<main>
<!-- Hero Area Start -->
<section class="mthero__area mthero__2 p-relative pt-290 pb-50 fix"
data-background="assets/img/hero/bg-2.png">
<div class="mthero__content-wrapper p-relative z-index-1">
<div class="mthero__shape-wrap ">
<div class="mthero__shape" data-speed="0.9">
<img src="assets/img/hero/shape-2-1.png" alt="">
</div>
<div class="mthero__shape-2" data-speed="0.9">
<img src="assets/img/hero/shape-2-2.png" alt="">
</div>
<div class="mthero__shape-3" data-speed="0.9">
<img src="assets/img/hero/shape-2-3.png" alt="">
</div>
</div>
<div class="container">
<div class="p-relative">
<div class="mthero__img-box ">
<div class="mthero__img d-flex align-items-centers justify-content-between">
<div class=" mthero__img-2" data-speed=".8">
<img src="assets/img/hero/thumb-2-1.png" alt="">
</div>
<div class=" mthero__img text-end" data-speed=".8">
<img src="assets/img/hero/thumb-2-2.png" alt="">
</div>
</div>
</div>
</div>
<div class="row align-items-end">
<div class="col-12">
<div class="mthero__wrapper z-index-2">
<div class="mthero__content">
<h1 class="mthero__title mt-upper mt_fade_anim" data-delay=".3"
data-fade-from="left">
<span title="Digital" class="shadow-title"> Digital</span> <br>
<b>Studio</b>
</h1>
<p class="mb-30 ">At our digital studio, we blend creativity, technology,
and
<br>
strategy to craft experiences that resonate. Our team is <br>
dedicated to designing and developing.
</p>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-8">
<div class="mthero__btn-wrap mb-30 mt-rounded-btn-wrap mt_fade_anim "
data-delay=".8" data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item mthovertext" href="contact.html">
Explore More <br>
<span class="d-block mt-10">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="23"
viewBox="0 0 20 23" fill="none">
<path
d="M18.3616 12.0475C17.7769 13.8399 16.699 17.8828 19.0616 22.032M19.0616 22.032C17.4042 20.7367 13.5163 18.9636 9.22813 19.9175M19.0616 22.032L0.999756 1"
stroke="white" stroke-width="1.5" />
</svg>
</span>
<cite class="mt-btn-circle-dot mthover"></cite>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="mthero__box-wrap mb-30 p-relative mt_fade_anim" data-delay=".3"
data-fade-from="right">
<div class="mthero__box">
<h4 class="mthero__box-title mb-20">
<span><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17"
viewBox="0 0 17 17" fill="none">
<path
d="M7.76855 0H9.2819V6.10499L13.4829 1.87445L14.5567 2.94079L10.1384 7.39021H17V8.90356H10.2785L14.8685 13.5258L13.7946 14.5922L9.2819 10.0477V17H7.76855V9.77674L2.57813 15.0037L1.50429 13.9374L6.50289 8.90356H0V7.39021H6.643L1.81602 2.52925L2.88987 1.46291L7.76855 6.37593V0Z"
fill="white" />
</svg></span>
Strategy Plan
</h4>
<div class="mthero__box-arrow">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="75"
viewBox="0 0 28 75" fill="none">
<path
d="M27 51.0165C23.5215 53.5702 16.0694 61.7421 14.0884 74M14.0884 74C13.2041 68.6024 9.3483 56.4489 1 51.0165M14.0884 74V0"
stroke="#171515" />
</svg>
</span>
</div>
<div class="mthero__box-meta ml-50">
<span>UI/UX Design</span>
<span>Company Branding</span>
<span>Digital Marketing</span>
<span>Content Creation</span>
</div>
</div>
</div>
</div>
<div class="mthero__scroll-wrapp">
<div class="mthero__scroll mb-30 mt_fade_anim" data-delay=".9" data-fade-from="top"
data-ease="bounce">
<a href="#about">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="62"
viewBox="0 0 28 62" fill="none">
<path
d="M27 43.7028C23.5215 45.8079 16.0694 50.8955 14.0884 61M14.0884 61C13.2041 56.5506 9.3483 48.1809 1 43.7028M14.0884 61V0"
stroke="white" />
</svg>
</span> <br>
keep <br> Scrolling</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Hero Area End -->
<!-- About Area Start -->
<section id="about" class="mtabout__area mtabout__2 p-relative fix pt-130 pb-60 grey-bg"
data-background="assets/img/about/bg-2.png">
<div class="mtabout__shape-wrap">
<div class="mtabout__shape" data-speed=".8">
<img src="assets/img/about/path-2.png" alt="">
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xl-8 col-lg-9">
<div class="mt-section-content mb-50">
<h2 class="mt-section-title mt_text_invert invert-black mt-ff-syne mt-fw-900 mb-15">
where
creativity meets <br>
digital excellence.
</h2>
<p class=" mt-fs-24 mt-ff-plusjakartasans mt-line-34 ">we’re here to elevate your
digital presence with expertise, <br>
innovation, and a commitment to excellence.</p>
</div>
</div>
<div class="col-xl-4 col-lg-3 text-lg-end">
<div class="mtcircular__thumb p-relative mb-30 text-end">
<img src="assets/img/service/circular.png" alt="">
<div class="mtcircular__logo">
<img src="assets/img/service/logo.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="mtabout__thumb-wrapper plr-200">
<div class="container-fluid">
<div class="row align-items-end">
<div class="col-xl-4 col-lg-6">
<div class="mtabout__thumb mb-30">
<div class="mtabout__thumb-lg p-relative" data-speed=".9">
<img src="assets/img/about/thumb-2-1.png" alt="">
<div class="mtabout__path">
<img src="assets/img/about/path.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="mtabout__content-wrap mb-30">
<div class="mt-section-content mb-50 mt_fade_anim" data-delay=".3"
data-fade-from="top">
<h2 class="mt-section-title mt-fs-24 mt-ff-syne mb-10">
Our team of designers, developers, and strategists
collaborates to bring innovative solutions to life,
</h2>
<p class="mt-ff-plusjakartasans">creating digital journeys that inspire and
engage. Whether you're a
start-up, a growing business, or
an established brand, we’re here to elevate your digital presence with
expertise, innovation,</p>
</div>
<div class="mthero__btn-wrap mb-30 mt-rounded-btn-wrap mt_fade_anim "
data-delay=".8" data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item bordercolor" href="contact.html">
Explore More <br>
<span class="d-block mt-10">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="23"
viewBox="0 0 20 23" fill="none">
<path
d="M18.3616 12.0475C17.7769 13.8399 16.699 17.8828 19.0616 22.032M19.0616 22.032C17.4042 20.7367 13.5163 18.9636 9.22813 19.9175M19.0616 22.032L0.999756 1"
stroke="#0A0909" stroke-width="1.5" />
</svg>
</span>
<cite class="mt-btn-circle-dot"></cite>
</a>
</div>
</div>
</div>
</div>
<div class="col-xl-2">
<div class="mtabout__thumb-sm mb-30 text-center text-xl-end" data-speed=".8">
<img src="assets/img/about/thumb-2-2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Area End -->
<!-- Project Area Start -->
<section class="mtproject__area mtproject__2 p-relative fix pt-130 pb-60">
<div class="mtproject__shape-wrap">
<div class="mtproject__shape" data-speed=".9">
<img src="assets/img/project/shape-2.png" alt="">
</div>
</div>
<div class="container">
<div class="mtproject__content-wrap mb-40">
<div class="mtproject__trans-wrap">
<h3 class="mtproject__trans-title mtbigtitle">our Work</h3>
</div>
<div class="mt-section-content mb-40 text-center">
<h2 class="mt-section-title mt-ff-syne mt-fw-900 mt-text-perspective">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="38"
viewBox="0 0 36 38" fill="none">
<path
d="M11.0032 8.14801L15.5402 21.4693M15.5402 21.4693L15.2122 34.5307M15.5402 21.4693L1 31.5415M15.5402 21.4693L29.6977 22.3791M15.5402 21.4693L23.4116 1M15.5402 21.4693L35 32.1264M15.5402 21.4693L7.8328 35.4404M15.5402 21.4693L1.71061 9.05776M15.5402 21.4693L28.8232 11.852M15.5402 21.4693L3.56913 20.3646M15.5402 21.4693L23.4116 37"
stroke="#0A0909" stroke-width="3" />
</svg>
</span>
Our Project
</h2>
</div>
</div>
<div class="p-relative mt-service-wd mb-90">
<div class="mtproject__main-wrapper projects">
<div class="mtproject__item mb-20 project active" data-index-number="0">
<div class="mtproject__content text-center">
<h4 class="mtproject__title"><a href="portfolio-details.html">Design & Development</a></h4>
</div>
</div>
<div class="mtproject__item mb-20 project " data-index-number="1">
<div class="mtproject__content text-center">
<h4 class="mtproject__title"><a href="portfolio-details.html">Creative Solution</a></h4>
</div>
</div>
<div class="mtproject__item mb-20 project" data-index-number="2">
<div class="mtproject__content text-center">
<h4 class="mtproject__title"><a href="portfolio-details.html">Client Collaboration</a></h4>
</div>
</div>
<div class="mtproject__item mb-20 project" data-index-number="3">
<div class="mtproject__content text-center">
<h4 class="mtproject__title"><a href="portfolio-details.html">Brand Storytelling</a></h4>
</div>
</div>
<div class="mtproject__item mb-20 project" data-index-number="4">
<div class="mtproject__content text-center">
<h4 class="mtproject__title"><a href="portfolio-details.html">Our Journey of Creativity</a></h4>
</div>
</div>
</div>
<div class="image-wrapper">
<div class="image-slider">
<img src="assets/img/project/project-2-1.jpg" alt="">
<img src="assets/img/project/project-2-2.jpg" alt="">
<img src="assets/img/project/project-2-3.jpg" alt="">
<img src="assets/img/project/project-2-4.jpg" alt="">
<img src="assets/img/project/project-2-2.jpg" alt="">
</div>
</div>
</div>
<div class="mtproje text-center">
<div class="mthero__btn-wrap mt-rounded-btn-wrap mt_fade_anim " data-delay=".8"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item bordercolor" href="portfolio.html">
See All Project <br>
<span class="d-block mt-10">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="23"
viewBox="0 0 20 23" fill="none">
<path
d="M18.3616 12.0475C17.7769 13.8399 16.699 17.8828 19.0616 22.032M19.0616 22.032C17.4042 20.7367 13.5163 18.9636 9.22813 19.9175M19.0616 22.032L0.999756 1"
stroke="#0A0909" stroke-width="1.5" />
</svg>
</span>
<cite class="mt-btn-circle-dot"></cite>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Project Area End -->
<!-- video Area Start -->
<div class="mtvideo__area mtvideo__1 p-relative fix ">
<div class="container">
<div class="row">
<div class="col-12">
<div class="mtvideo__wrapper p-relative">
<div class="mtvideo__item">
<div class="mtvideo__bg scale-up-img">
<img data-speed="0.8" class="scale-up" src="assets/img/video/video-bg-1.jpg"
alt="">
</div>
<div class="mtvideo__play text-center">
<a href="https://www.youtube.com/watch?v=PO_fBTkoznc"
class="video-btn video-popup popup-video">
<span>Video Play</span>
<br>
<i>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="24"
viewBox="0 0 13 24" fill="none">
<path d="M13 12L0 24V0L13 12Z" fill="white" />
</svg>
</i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- video Area End -->
<!-- Brand Area Start -->
<section class="mtbrand__area mtbrand__1 mtbrand__2 pt-120 pb-120 p-relative black-bg-2 fix">
<div class="mtbrand__shape" data-speed=".9">
<img src="assets/img/brand/shape-1-2.png" alt="">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-2">
<div class="mtbrand__content p-relative ">
<h3 class="mtbrand__title mb-20 mt-white mt-text-perspective">Our <br>
Brand</h3>
<div class="mtbrand__shape-2">
<img src="assets/img/brand/shape-2-1.png" alt="">
</div>
</div>
</div>
<div class="col-lg-10">
<div class="mtbrand__wrapper ">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-1.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-2.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-3.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-4.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-5.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-6.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-7.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-8.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-9.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Brand Area End -->
<!-- Service Area Start -->
<section class="mtservice__area mtservice__2 p-relative fix pt-100 pb-40 grey-bg">
<div class="container">
<div class="mtservice__border-bottom mb-50">
<div class="row align-items-center">
<div class="col-xl-8 col-lg-9">
<div class="mt-section-content mb-40 mr-30 ">
<h2 class="mt-section-title mt-ff-syne mt-fw-900 mb-30 mt-text-perspective">
where creativity meets
digital excellence.
</h2>
<p class="mt-fs-24 mt-ff-plusjakartasans mt-line-34">we’re here to elevate your
digital presence with expertise, <br>
innovation, and a commitment to excellence.</p>
</div>
</div>
<div class="col-xl-4 col-lg-3">
<div class="mtservice__btn-wrap p-relative text-end mb-40">
<div class="mtservice__btn-shape" data-speed=".8">
<img src="assets/img/service/star-1.png" alt="">
</div>
<div class="mthero__btn-wrap mt-rounded-btn-wrap mt_fade_anim " data-delay=".8"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item bordercolor" href="services.html">
All Services <br>
<span class="d-block mt-10">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="23"
viewBox="0 0 20 23" fill="none">
<path
d="M18.3616 12.0475C17.7769 13.8399 16.699 17.8828 19.0616 22.032M19.0616 22.032C17.4042 20.7367 13.5163 18.9636 9.22813 19.9175M19.0616 22.032L0.999756 1"
stroke="#0A0909" stroke-width="1.5" />
</svg>
</span>
<cite class="mt-btn-circle-dot"></cite>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtservice__wrapper-content">
<div class="row align-items-center">
<div class="col-xl-4">
<div class="mtservice__btn-content mb-50 text-center p-relative mt_fade_anim"
data-delay=".5" data-fade-from="top">
<div class="mtservice__btn-trans">
<img src="assets/img/service/text.png" alt="">
</div>
<div class="mthero__btn-wrap z-index-2 mt-rounded-btn-wrap mt_fade_anim "
data-delay=".8" data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item bordercolor" href="service-details.html">
Contract Us <br>
<span class="d-block mt-10">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="23"
viewBox="0 0 20 23" fill="none">
<path
d="M18.3616 12.0475C17.7769 13.8399 16.699 17.8828 19.0616 22.032M19.0616 22.032C17.4042 20.7367 13.5163 18.9636 9.22813 19.9175M19.0616 22.032L0.999756 1"
stroke="#0A0909" stroke-width="1.5" />
</svg>
</span>
<cite class="mt-btn-circle-dot"></cite>
</a>
</div>
</div>
</div>
</div>
<div class="col-xl-8">
<div class="mtservice__wrapper mb-50 mt_fade_anim" data-delay=".5"
data-fade-from="top">
<div class="mtservice__items p-relative mt-reveal-item active mb-45">
<div class="mtservice__content d-flex align-items-center">
<div class="mtservice__number mr-30">
<span>01</span>
</div>
<div
class="mtservice__content-wrap w-100 d-flex align-items-center justify-content-between">
<div class="mtservice__title-wrap">
<h3 class="mtservice__title mt-fs-32 mt-ff-syne mt-fw-900">
<a href="service-details.html">Brand Identity <br> Design</a>
</h3>
</div>
<div class="mtservice__btns ">
<a href="service-details.html">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="40"
height="25" viewBox="0 0 40 25" fill="none">
<path
d="M26.6632 1C27.9436 4.0771 31.0381 10.6694 37.1839 12.4218M37.1839 12.4218C34.4777 13.2041 29.387 16.615 26.6632 24M37.1839 12.4218L0.820314 12.3342"
stroke="white" stroke-width="1.5" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="mtservice__bg"
data-background="assets/img/service/thumb-1-1.png"></div>
</div>
<div class="mtservice__items p-relative mt-reveal-item active mb-45">
<div class="mtservice__content d-flex align-items-center">
<div class="mtservice__number mr-30">
<span>02</span>
</div>
<div
class="mtservice__content-wrap w-100 d-flex align-items-center justify-content-between">
<div class="mtservice__title-wrap">
<h3 class="mtservice__title mt-fs-32 mt-ff-syne mt-fw-900">
<a href="service-details.html">App Design <br>
and Development</a>
</h3>
</div>
<div class="mtservice__btns ">
<a href="service-details.html">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="40"
height="25" viewBox="0 0 40 25" fill="none">
<path
d="M26.6632 1C27.9436 4.0771 31.0381 10.6694 37.1839 12.4218M37.1839 12.4218C34.4777 13.2041 29.387 16.615 26.6632 24M37.1839 12.4218L0.820314 12.3342"
stroke="white" stroke-width="1.5" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="mtservice__bg"
data-background="assets/img/service/thumb-1-2.png"></div>
</div>
<div class="mtservice__items p-relative mt-reveal-item active mb-45">
<div class="mtservice__content d-flex align-items-center">
<div class="mtservice__number mr-30">
<span>03</span>
</div>
<div
class="mtservice__content-wrap w-100 d-flex align-items-center justify-content-between">
<div class="mtservice__title-wrap">
<h3 class="mtservice__title mt-fs-32 mt-ff-syne mt-fw-900">
<a href="service-details.html">Social Media <br>
Marketing</a>
</h3>
</div>
<div class="mtservice__btns ">
<a href="service-details.html">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="40"
height="25" viewBox="0 0 40 25" fill="none">
<path
d="M26.6632 1C27.9436 4.0771 31.0381 10.6694 37.1839 12.4218M37.1839 12.4218C34.4777 13.2041 29.387 16.615 26.6632 24M37.1839 12.4218L0.820314 12.3342"
stroke="white" stroke-width="1.5" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="mtservice__bg"
data-background="assets/img/service/thumb-1-3.png"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Area End -->
<!-- mttextslider__area-start -->
<div class="mttextslider__area mttextslider__1 pt-25 pb-25 black-bg-2">
<div class="swiper-container mttextslider__active">
<div class="swiper-wrapper mt-slide-transtion">
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Branding Design</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62"
viewBox="0 0 62 62" fill="none">
<path d="M2 31L31 2L60 31L31 60L2 31Z" stroke="#606166" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Digital Studio</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"
viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="29" stroke="#606166" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Digital Marketing</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62"
viewBox="0 0 62 62" fill="none">
<path d="M2 31L31 2L60 31L31 60L2 31Z" stroke="#606166" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>web Design</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"
viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="29" stroke="#606166" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Branding Design</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62"
viewBox="0 0 62 62" fill="none">
<path d="M2 31L31 2L60 31L31 60L2 31Z" stroke="#606166" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>web Design</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"
viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="29" stroke="#606166" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Digital Marketing</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62"
viewBox="0 0 62 62" fill="none">
<path d="M2 31L31 2L60 31L31 60L2 31Z" stroke="#606166" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Digital Studio</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"
viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="29" stroke="#606166" stroke-width="2" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="mttextslider__area mttextslider__2 pt-25 pb-25 ">
<div dir="rtl" class="swiper-container mttextslider__active">
<div class="swiper-wrapper mt-slide-transtion">
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Branding Design</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62"
viewBox="0 0 62 62" fill="none">
<path d="M2 31L31 2L60 31L31 60L2 31Z" stroke="#D8D8D8" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Digital Studio</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"
viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="29" stroke="#D8D8D8" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Digital Marketing</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62"
viewBox="0 0 62 62" fill="none">
<path d="M2 31L31 2L60 31L31 60L2 31Z" stroke="#D8D8D8" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>web Design</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"
viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="29" stroke="#D8D8D8" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Branding Design</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62"
viewBox="0 0 62 62" fill="none">
<path d="M2 31L31 2L60 31L31 60L2 31Z" stroke="#D8D8D8" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>web Design</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"
viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="29" stroke="#D8D8D8" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Digital Marketing</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62"
viewBox="0 0 62 62" fill="none">
<path d="M2 31L31 2L60 31L31 60L2 31Z" stroke="#D8D8D8" stroke-width="2" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mttextslider__item">
<span>Digital Studio</span>
<span class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"
viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="29" stroke="#D8D8D8" stroke-width="2" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- mttextslider__area-end -->
<!-- Skill Area Start -->
<section class="mtskill__area mtskill__1 p-relative pt-90 pb-90 ">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-8 col-lg-9">
<div class="mtskill__section-wrap mb-50">
<div class="mtskill__section">
<h2 class="mtskill__section-title mt-upper mt-text-perspective">
Digital
<span>Services</span>
Skills
</h2>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-3">
<div class="mtskill__scroll-wrapp mb-50">
<div class="mtskill__scroll mt_fade_anim" data-delay=".8" data-fade-from="top"
data-ease="bounce">
<a href="#pricing">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="62"
viewBox="0 0 28 62" fill="none">
<path
d="M27 43.7028C23.5215 45.8079 16.0694 50.8955 14.0884 61M14.0884 61C13.2041 56.5506 9.3483 48.1809 1 43.7028M14.0884 61V0"
stroke="black" />
</svg>
</span> <br>
keep <br> Scrolling</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-xl-4 col-lg-6">
<div class="mtskill__wrapper mtskill__wrapper1 p-relative mb-30 ">
<div class="mtskill__shape" data-speed=".9">
<img src="assets/img/service/star-1.png" alt="">
</div>
<div class="mtskill__item text-center mt_fade_anim" data-delay=".8"
data-fade-from="left" data-ease="bounce">
<h3 class="mtskill__number">
<span data-purecounter-duration="1" data-purecounter-end="90"
class="purecounter">0</span>%
</h3>
<p class="mt-fs-14 mt-ff-syne mt-line-24">With a focus on strategy, we ensure
that our solutions
drive real value and impactful outcomes.</p>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6">
<div class="mtskill__wrapper mtskill__wrapper2 mb-30 p-relative ml-70 ">
<div class="mtskill__item mb-30 mt_fade_anim" data-delay=".6" data-fade-from="top"
data-ease="bounce">
<div class="progress p-relative">
<div class="progress-bar "
style="width: 85%; animation: 2.6s ease 0s 1 normal none running animate-positive; opacity: 1;">
<span class="counter-number2">Brand
Identity Creation</span>
</div>
</div>
</div>
<div class="mtskill__item mb-30 mt_fade_anim" data-delay=".7" data-fade-from="top"
data-ease="bounce">
<div class="progress p-relative">
<div class="progress-bar "
style="width: 45%; animation: 2.6s ease 0s 1 normal none running animate-positive; opacity: 1;">
<span class="counter-number2">UI/UX Design</span>
</div>
</div>
</div>
<div class="mtskill__item mb-30 mt_fade_anim" data-delay=".8" data-fade-from="top"
data-ease="bounce">
<div class="progress p-relative">
<div class="progress-bar "
style="width: 70%; animation: 2.6s ease 0s 1 normal none running animate-positive; opacity: 1;">
<span class="counter-number2">Digital Marketing</span>
</div>
</div>
</div>
<div class="mtskill__item mb-30 mt_fade_anim" data-delay=".9" data-fade-from="top"
data-ease="bounce">
<div class="progress p-relative">
<div class="progress-bar "
style="width: 65%; animation: 2.6s ease 0s 1 normal none running animate-positive; opacity: 1;">
<span class="counter-number2">E-commerce Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="mtskill__wrapper mtskill__wrapper3 mb-30 ml-100 mt_fade_anim"
data-delay=".8" data-fade-from="right" data-ease="bounce">
<div class="mtskill__item mb-20">
<h3 class="mtskill__number mttrans">
<span data-purecounter-duration="1" data-purecounter-end="8"
class="purecounter">0</span>K
</h3>
<p>Project completed</p>
</div>
<div class="mtskill__item mb-20">
<h3 class="mtskill__number mtcolor">
<span data-purecounter-duration="1" data-purecounter-end="10"
class="purecounter">0</span>K+
</h3>
<p>Happy Clients</p>
</div>
<div class="mtskill__item mb-20">
<h3 class="mtskill__number mttrans">
<span data-purecounter-duration="1" data-purecounter-end="68"
class="purecounter">0</span>+
</h3>
<p>Global achievement</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skill Area End -->
<!-- Price Area Start -->
<section class="mtpricing__area mtpricing__1 pt-90 pb-90 p-relative grey-bg">
<div class="container">
<div class="mtpricing__section z-index-1 p-relative">
<div class="mtproject__trans-wrap text-center">
<h3 class="mtproject__trans-title mtbigtitle">pricing</h3>
</div>
<div class="mt-section-content mb-40 text-center">
<h2 class="mt-section-title mt-ff-syne mt-fw-900 mt-text-perspective">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="38"
viewBox="0 0 36 38" fill="none">
<path
d="M11.0032 8.14801L15.5402 21.4693M15.5402 21.4693L15.2122 34.5307M15.5402 21.4693L1 31.5415M15.5402 21.4693L29.6977 22.3791M15.5402 21.4693L23.4116 1M15.5402 21.4693L35 32.1264M15.5402 21.4693L7.8328 35.4404M15.5402 21.4693L1.71061 9.05776M15.5402 21.4693L28.8232 11.852M15.5402 21.4693L3.56913 20.3646M15.5402 21.4693L23.4116 37"
stroke="#0A0909" stroke-width="3" />
</svg>
</span>
Our Pricing
</h2>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6">
<div class="mtpricing__wrapper mb-30 mt_fade_anim" data-delay=".5" data-fade-from="top">
<div class="mtpricing__item">
<div class="mtpricing__header mb-35 pb-6">
<h3 class="mtpricing__title mb-15">Basic Package</h3>
<div class="mtpricing__price mb-8">
<span class="mtprice">$112</span>
<span class="mtper">/ Per Hours</span>
</div>
<p class="mt-ff-plusjakartasans">Or $199 Yearly</p>
</div>
<div class="mtpricing__body mb-70">
<ul>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Ideal for small projects and startups
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Design and development features
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Contact form integration
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Limited revisions and support
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
1 month of maintenance and support
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Perfect for growing businesses
</li>
</ul>
</div>
<div class="mtpricing__footer">
<a class="mt-btn-border w-100 text-center" href="contact.html"> <strong></strong>Pick
This package</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="mtpricing__wrapper mb-30 mt_fade_anim" data-delay=".6" data-fade-from="top">
<div class="mtpricing__item">
<div class="mtpricing__header mb-35 pb-6">
<h3 class="mtpricing__title mb-15">Standard package</h3>
<div class="mtpricing__price mb-8">
<span class="mtprice">$121</span>
<span class="mtper">/ Per Hours</span>
</div>
<p class="mt-ff-plusjakartasans">Or $199 Yearly</p>
</div>
<div class="mtpricing__body mb-70">
<ul>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Ideal for small projects and startups
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Design and development features
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Contact form integration
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Limited revisions and support
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
1 month of maintenance and support
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Perfect for growing businesses
</li>
</ul>
</div>
<div class="mtpricing__footer">
<a class="mt-btn-border w-100 text-center active" href="contact.html">
<strong></strong>Pick
This package</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="mtpricing__wrapper mb-30 mt_fade_anim" data-delay=".7" data-fade-from="top">
<div class="mtpricing__item">
<div class="mtpricing__header mb-35 pb-6">
<h3 class="mtpricing__title mb-15">Premium Package</h3>
<div class="mtpricing__price mb-8">
<span class="mtprice">$154</span>
<span class="mtper">/ Per Hours</span>
</div>
<p class="mt-ff-plusjakartasans">Or $199 Yearly</p>
</div>
<div class="mtpricing__body mb-70">
<ul>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Ideal for small projects and startups
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Design and development features
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Contact form integration
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Limited revisions and support
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
1 month of maintenance and support
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"
viewBox="0 0 11 10" fill="none">
<path
d="M2.25966 5.18546L1.58128 4.60439C0.713973 3.96238 -0.432581 4.96491 0.166225 5.84168L0.311569 6.05449C1.07339 7.02122 2.74941 9.09969 3.35886 9.67973C3.96832 10.2598 4.62857 9.92141 4.88251 9.67973C6.74475 6.8601 10.4737 1.09877 10.7232 0.737462C11.231 0.00189535 10.9771 -0.229381 10.4692 0.254096L5.82176 5.03106C4.12069 6.76901 3.86675 7.01069 2.25966 5.18546Z"
fill="#0A0909" />
</svg>
</span>
Perfect for growing businesses
</li>
</ul>
</div>
<div class="mtpricing__footer">
<a class="mt-btn-border w-100 text-center" href="contact.html"> <strong></strong>Pick
This package</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Price Area End -->
<!-- Testimonial Area Start -->
<section id="pricing"
class="mttestimonial__area mttestimonial__1 mttestimonial__2 p-relative pt-110 pb-60 mt-item-anime-area">
<div class="container">
<div class="mttestimonial__wrappers p-relative">
<div class="row">
<div class="col-lg-12">
<div class="swiper-container mt-testimonial-active">
<div class="swiper-wrapper ">
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide ">
<div class="mttestimonial__item mt-item-anime marque not-hide-cursors"
data-cursor="Drag">
<div class="mttestimonial__content cursor-hide thumb-1 d-block ">
<div class="mttestimonial__icon mb-30">
<img src="assets/img/testimonial/brand.png" alt="">
</div>
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author ">
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fraction-wrapper">
<!-- <div id="paginations"></div> -->
<div class="mt-slider-progress-bar">
<span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area End -->
<!-- Blog Area Start -->
<section class="mtblog__area mtblog__2 p-relative pt-100 pb-90 fix ">
<div class="container">
<div class="mtpricing__section z-index-1 p-relative">
<div class="mtproject__trans-wrap text-center">
<h3 class="mtproject__trans-title mtbigtitle ">Our Blog</h3>
</div>
<div class="mt-section-content mb-40 text-center">
<h2 class="mt-section-title mt-ff-syne mt-fw-900 mt-text-perspective">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="38"
viewBox="0 0 36 38" fill="none">
<path
d="M11.0032 8.14801L15.5402 21.4693M15.5402 21.4693L15.2122 34.5307M15.5402 21.4693L1 31.5415M15.5402 21.4693L29.6977 22.3791M15.5402 21.4693L23.4116 1M15.5402 21.4693L35 32.1264M15.5402 21.4693L7.8328 35.4404M15.5402 21.4693L1.71061 9.05776M15.5402 21.4693L28.8232 11.852M15.5402 21.4693L3.56913 20.3646M15.5402 21.4693L23.4116 37"
stroke="#0A0909" stroke-width="3" />
</svg>
</span>
Our Blog
</h2>
</div>
</div>
<div class="mtblog__wrapper-main grey-bg p-relative">
<div class="row">
<div class="col-xl-12">
<div class="mtblog__wrapper ">
<div
class="mtblog__item d-flex align-items-center justify-content-between p-relative">
<div class="mtblog__bg">
<img src="assets/img/blog/blog-2-2.jpg" alt="">
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-10">
<span>Sep 15, 2025</span>
</div>
<h3 class="mtblog__title mb-20"><a href="blog-details.html">nights and Inspiration from
<br>
the Digital World</a></h3>
<div class="mtblog__author mb-10">
<a href="blog-details.html"><img src="assets/img/blog/author/author-1.png" alt="">
<span>Darlene Robertson</span></a>
</div>
</div>
<div class="mtblog__btn-wrap p-relative">
<div class="mtblog__btn">
<a href="blog-details.html"><img src="assets/img/blog/arrow.png" alt=""></a>
</div>
</div>
</div>
<div
class="mtblog__item d-flex align-items-center justify-content-between p-relative active">
<div class="mtblog__bg">
<img src="assets/img/blog/blog-2-1.jpg" alt="">
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-10">
<span>Sep 15, 2025</span>
</div>
<h3 class="mtblog__title mb-20"><a href="blog-details.html">Exploring the Future of <br>
Digital Creativity</a></h3>
<div class="mtblog__author mb-10">
<a href="blog-details.html"><img src="assets/img/blog/author/author-2.png" alt="">
<span>Darlene Robertson</span></a>
</div>
</div>
<div class="mtblog__btn-wrap p-relative">
<div class="mtblog__btn">
<a href="blog-details.html"><img src="assets/img/blog/arrow.png" alt=""></a>
</div>
</div>
</div>
<div
class="mtblog__item d-flex align-items-center justify-content-between p-relative">
<div class="mtblog__bg">
<img src="assets/img/blog/blog-2-3.jpg" alt="">
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-10">
<span>Sep 15, 2025</span>
</div>
<h3 class="mtblog__title mb-20"><a href="blog-details.html">Where Creativity and <br>
Strategy Converge</a></h3>
<div class="mtblog__author mb-10">
<a href="blog-details.html"><img src="assets/img/blog/author/author-3.png" alt="">
<span>Darlene Robertson</span></a>
</div>
</div>
<div class="mtblog__btn-wrap p-relative">
<div class="mtblog__btn">
<a href="blog-details.html"><img src="assets/img/blog/arrow.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtblog__btn-wrapper text-center mt-60">
<div class="mthero__btn-wrap mt-rounded-btn-wrap mt_fade_anim " data-delay=".8"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item bordercolor" href="blog.html">
view All Blog <br>
<span class="d-block mt-10">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="23"
viewBox="0 0 20 23" fill="none">
<path
d="M18.3616 12.0475C17.7769 13.8399 16.699 17.8828 19.0616 22.032M19.0616 22.032C17.4042 20.7367 13.5163 18.9636 9.22813 19.9175M19.0616 22.032L0.999756 1"
stroke="#0A0909" stroke-width="1.5" />
</svg>
</span>
<cite class="mt-btn-circle-dot"></cite>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Blog Area End -->
</main>
<!-- footer start -->
<footer class="mtfooter__area mtfooter__1 mtfooter__2 p-relative fix pt-140 "
data-background="assets/img/footer/bg-2.jpg">
<div class="mtfooter__wrapper mb-50">
<div class="container">
<div class="row">
<div class="col-xl-4 mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mtfooter__widget mtflex mb-50 ">
<h4 class="mtfooter__title mtlarge mb-50 ">Get In <br>
Touch</h4>
<div class="mtfooter__content">
<div class="mthero__btn-wrap mt-rounded-btn-wrap mt_fade_anim " data-delay=".8"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item mthovertext" data-color="#fff"
href="contact.html">
Contact Us<br>
<span class="d-block mt-10">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="23"
viewBox="0 0 20 23" fill="none">
<path
d="M18.3616 12.0475C17.7769 13.8399 16.699 17.8828 19.0616 22.032M19.0616 22.032C17.4042 20.7367 13.5163 18.9636 9.22813 19.9175M19.0616 22.032L0.999756 1"
stroke="#fff" stroke-width="1.5" />
</svg>
</span>
<cite class="mt-btn-circle-dot mthover"></cite>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-8">
<div class="mtfooter__main-wrapper mtborder">
<div class="row">
<div class="col-xl-3 col-lg-6 mt_fade_anim" data-delay=".4"
data-fade-from="top">
<div class="mtfooter__widget mb-50">
<h4 class="mtfooter__title mb-15">Contact Us</h4>
<div class="mtfooter__content">
<div class="mtfooter__contact">
<a href="tel:1525545862155">+1525 5458 621 55</a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 mt_fade_anim" data-delay=".4"
data-fade-from="top">
<div class="mtfooter__widget mb-50">
<h4 class="mtfooter__title mb-15">Email</h4>
<div class="mtfooter__content">
<div class="mtfooter__contact">
<a href="mailto:company@gmail.com">company@gmail.com</a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 mt_fade_anim" data-delay=".4"
data-fade-from="top">
<div class="mtfooter__widget mb-50">
<h4 class="mtfooter__title mb-15">Address</h4>
<div class="mtfooter__content">
<div class="mtfooter__contact">
<a href="#">2464 Royal Ln. Mesa,</a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 mt_fade_anim" data-delay=".4"
data-fade-from="top">
<div class="mtfooter__widget mb-50">
<h4 class="mtfooter__title mb-15">Social media</h4>
<div class="mtfooter__content">
<div class="mtfooter__contact">
<a href="#">FB - </a>
<a href="#">IN - </a>
<a href="#">TW -</a>
<a href="#"> BE</a>
</div>
</div>
</div>
</div>
</div>
<div
class="mtfooter__newslatter-wrap d-flex align-items-center justify-content-between mt-15 mb-65">
<div
class="mtfooter__newslatter d-flex align-items-center justify-content-between">
<div class="mtfooter__newslatter-title mr-50">
<h3>Subscribe Now Our <br>
Newsletter.</h3>
</div>
<div class="mtfooter__newslatter-form p-relative">
<form action="#">
<div class="p-relative">
<input type="email" placeholder="Email Address">
</div>
<div class="mtfooter__newslatter-btn ">
<button type="submit">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="27"
height="16" viewBox="0 0 27 16" fill="none">
<path
d="M16.7846 0.5C17.5849 2.42319 19.5189 6.54337 23.3601 7.6386M23.3601 7.6386C21.6687 8.12755 18.487 10.2594 16.7846 14.875M23.3601 7.6386L0.632814 7.58389"
stroke="#0A0909" stroke-width="1.5" />
</svg>
</span>
</button>
</div>
</form>
</div>
</div>
<div class="mtfooter__menu">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="#">Pages</a>
</li>
</ul>
</div>
</div>
<div
class="mtfooter__copyright-wrapper d-flex align-center justify-content-between">
<div class="mtfooter__copyright-logo mb-10">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
<div class="mtfooter__copyright-text text-end mb-10">
<p class="mb-0">© 1995-2024 All rights for <a data-color="#fff"
href="index.html">Freegen</a> exclusive
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- JS here -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap-bundle.js"></script>
<script src="assets/js/plugin.js"></script>
<script src="assets/js/three.js"></script>
<script src="assets/js/hover-effect.umd.js"></script>
<script src="assets/js/swiper-bundle.js"></script>
<script src="assets/js/magnific-popup.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/purecounter.js"></script>
<script src="assets/js/isotope-pkgd.js"></script>
<script src="assets/js/imagesloaded-pkgd.js"></script>
<script src="assets/js/backtop.js"></script>
<script src="assets/js/slider-init.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/mt-cursor.js"></script>
</body>
</html>