<!-- Start Section-->
<section class="relative md:py-24 py-16 container mx-auto px-6">
<div class="grid md:grid-cols-12 grid-cols-1 items-center gap-6 relative">
<div class="lg:col-span-8 md:col-span-12">
<div class="grid grid-cols-1 pb-8">
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">What We Do ?
</h3>
<p class="text-slate-400 max-w-xl">
we provide a full suite of digital marketing services to help you reach your business goals. Our
team of experts is dedicated to delivering results-driven solutions that help you grow your
brand and increase your revenue. Here are some of the services we offer:
</p>
</div><!--end grid-->
<div class="grid md:grid-cols-2 grid-cols-1 mt-8 gap-[30px]">
<div class="px-6 py-10 shadow hover:shadow-md transition duration-500 rounded-2xl bg-white ">
<svg class="h-12 w-12 stroke-1 fill-red-600" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<rect width="24" height="24" fill="white"></rect>
<path
d="M11 20.8464C11 21.4378 10.4874 21.9041 9.909 21.781C5.70686 20.8871 2.48103 17.3537 2.04924 12.9986C1.99475 12.449 2.44772 12 3 12H6C6.55228 12 7 12.4477 7 13C7 14.6569 8.34315 16 10 16C10.5523 16 11 16.4477 11 17V20.8464Z">
</path>
<path
d="M17 18.9284C17 19.6986 17.828 20.1634 18.4183 19.6688C19.2094 19.006 19.8964 18.2231 20.4512 17.3481C20.8373 16.7393 20.3607 16 19.6397 16H18C17.4477 16 17 16.4477 17 17V18.9284Z">
</path>
<path
d="M12 2C14.552 2 16.8807 2.95593 18.6475 4.52924C19.2632 5.07746 18.8233 6 17.9989 6H17.8541C16.2778 6 15 7.27783 15 8.8541C15 9.17761 14.8172 9.47336 14.5279 9.61803L14.4472 9.65836C14.1657 9.79912 13.8343 9.79912 13.5528 9.65836L13.4721 9.61803C13.1828 9.47336 13 9.17761 13 8.8541C13 7.27782 11.7222 6 10.1459 6H10C9.44772 6 9 5.55228 9 5V3.19188C9 2.75503 9.28253 2.36368 9.70784 2.26393C10.4439 2.09131 11.2113 2 12 2Z">
</path>
<path
d="M3.42358 9.99995C2.79136 9.99995 2.31576 9.41831 2.51674 8.81889C3.11731 7.02771 4.21113 5.46278 5.63684 4.28543C6.20619 3.81527 7.00016 4.26156 7.00016 4.99995V4.99995C7.00016 6.6568 8.34331 7.99995 10.0002 7.99995H10.1461C10.6178 7.99995 11.0002 8.38234 11.0002 8.85405C11.0002 9.9351 11.6109 10.9234 12.5779 11.4068L12.6585 11.4472C13.5031 11.8695 14.4972 11.8695 15.3418 11.4472L15.4225 11.4068C16.3894 10.9234 17.0002 9.9351 17.0002 8.85405C17.0002 8.38234 17.3826 7.99995 17.8543 7.99995H20.5137C20.9112 7.99995 21.2753 8.23384 21.4101 8.60776C21.792 9.66694 22.0002 10.8091 22.0002 11.9999C22.0002 12.4037 21.9762 12.8019 21.9297 13.1931C21.8736 13.6654 21.4583 13.9999 20.9827 13.9999H18.0002C16.3433 13.9999 15.0002 15.3431 15.0002 16.9999V20.8081C15.0002 21.2449 14.7176 21.6363 14.2923 21.736C14.2254 21.7517 14.1582 21.7667 14.0907 21.7811C13.5123 21.9041 13.0002 21.4377 13.0002 20.8464V16.9999C13.0002 15.3431 11.657 13.9999 10.0002 13.9999C9.44787 13.9999 9.00016 13.5522 9.00016 12.9999C9.00016 11.3431 7.65701 9.99995 6.00016 9.99995H3.42358Z">
</path>
</g>
</svg>
<div class=" mt-7">
<a href="#" class=" h5 text-lg font-medium hover:text-red-600">Search Engine Optimization
(SEO)</a>
<p class="text-slate-400 mt-3">
Our SEO experts can help improve your website's visibility on search engines like
Google, Bing, and Yahoo.
</p>
<div class="mt-5">
<a href="#"
class=" text-red-600 hover:text-red-600 after:bg-red-600 transition duration-500">Read
More <i class="uil uil-arrow-right"></i></a>
</div>
</div>
</div>
<div class="px-6 py-10 shadow hover:shadow-md transition duration-500 rounded-2xl bg-white ">
<svg class="h-12 w-12 stroke-1 fill-red-600" version="1.1" id="Capa_1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 200.439 200.439" xml:space="preserve">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M96.452,177.904c-44.912,0-81.451-36.54-81.451-81.453C15.001,51.539,51.54,15,96.452,15 c44.913,0,81.453,36.539,81.453,81.451c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5C192.905,43.268,149.637,0,96.452,0 C43.269,0,0.001,43.268,0.001,96.451c0,53.185,43.268,96.453,96.451,96.453c4.143,0,7.5-3.357,7.5-7.5 C103.952,181.262,100.595,177.904,96.452,177.904z">
</path>
<path
d="M96.454,147.66c-28.236,0-51.209-22.973-51.209-51.209c0-28.236,22.973-51.209,51.209-51.209 c28.235,0,51.207,22.973,51.207,51.209c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5c0-36.508-29.7-66.209-66.207-66.209 c-36.508,0-66.209,29.701-66.209,66.209c0,36.508,29.701,66.209,66.209,66.209c4.143,0,7.5-3.357,7.5-7.5 C103.954,151.018,100.597,147.66,96.454,147.66z">
</path>
<path
d="M198.243,187.637l-25.295-25.304l13.336-13.337c1.849-1.849,2.602-4.527,1.985-7.069c-0.616-2.542-2.512-4.579-5.002-5.376 l-54.837-17.557c-2.675-0.855-5.604-0.146-7.591,1.84c-1.986,1.986-2.695,4.915-1.839,7.59l17.562,54.834 c0.798,2.491,2.835,4.386,5.377,5.002c0.585,0.142,1.178,0.211,1.766,0.211c1.965,0,3.88-0.773,5.304-2.197l13.332-13.333 l25.293,25.302c1.465,1.465,3.385,2.197,5.305,2.197c1.919,0,3.838-0.731,5.303-2.195 C201.17,195.315,201.171,190.566,198.243,187.637z M147.097,166.972l-9.368-29.251l29.253,9.365L147.097,166.972z">
</path>
<path
d="M108.147,83.102c0,2.762,2.238,5,5,5c2.762,0,5-2.238,5-5c0-8.666-7.135-15.943-16.693-17.859v-2.174c0-2.762-2.238-5-5-5 c-2.762,0-5,2.238-5,5v2.174c-9.559,1.916-16.693,9.193-16.693,17.859c0,8.661,7.135,15.935,16.693,17.851v16.361 c-3.915-1.366-6.693-4.25-6.693-7.507c0-2.762-2.238-5-5-5c-2.762,0-5,2.238-5,5c0,8.662,7.135,15.937,16.693,17.853v2.177 c0,2.762,2.238,5,5,5c2.762,0,5-2.238,5-5v-2.177c9.559-1.916,16.693-9.191,16.693-17.853c0-8.666-7.135-15.943-16.693-17.859 V75.588C105.368,76.956,108.147,79.843,108.147,83.102z M84.76,83.102c0-3.259,2.778-6.146,6.693-7.514v15.019 C87.538,89.24,84.76,86.356,84.76,83.102z M108.147,109.807c0,3.257-2.778,6.141-6.693,7.507v-15.021 C105.368,103.661,108.147,106.548,108.147,109.807z">
</path>
</g>
</g>
</svg>
<div class=" mt-7">
<a href="#" class=" h5 text-lg font-medium hover:text-red-600">Pay-per-Click (PPC)
Advertising</a>
<p class="text-slate-400 mt-3">Our PPC advertising services can help you reach your target
audience through targeted advertising campaigns.</p>
<div class="mt-5">
<a href="#"
class=" text-red-600 hover:text-red-600 after:bg-red-600 transition duration-500">Read
More <i class="uil uil-arrow-right"></i></a>
</div>
</div>
</div>
<div class="px-6 py-10 shadow hover:shadow-md transition duration-500 rounded-2xl bg-white ">
<svg class="h-12 w-12 stroke-1 fill-red-600" viewBox="0 0 24 24" id="Layer_1"
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<defs>
<g class="cls-2">
<path
d="M21.33,18.13l-.2,0L2.48,14.38a1,1,0,0,1-.81-1V9.67a1,1,0,0,1,.81-1L21.13,5a1,1,0,0,1,.83.2,1,1,0,0,1,.37.78V17.13a1,1,0,0,1-.37.77A1,1,0,0,1,21.33,18.13ZM3.67,12.58l16.66,3.33V7.16L3.67,10.49Z">
</path>
<path d="M2.67,16.26a1,1,0,0,1-1-1V7.8a1,1,0,1,1,2,0v7.46A1,1,0,0,1,2.67,16.26Z">
</path>
<path
d="M9.67,19.06A4.27,4.27,0,0,1,5.4,14.8a3.94,3.94,0,0,1,.09-.87,1,1,0,0,1,1.2-.75,1,1,0,0,1,.75,1.2,2.39,2.39,0,0,0,0,.42,2.27,2.27,0,0,0,4.49.45,1,1,0,0,1,1.17-.79,1,1,0,0,1,.79,1.18A4.28,4.28,0,0,1,9.67,19.06Z">
</path>
<path d="M17.52,17.2a1,1,0,0,1-1-1V6.7a1,1,0,1,1,2,0v9.5A1,1,0,0,1,17.52,17.2Z">
</path>
</g>
</g>
</svg>
<div class=" mt-7">
<a href="#" class=" h5 text-lg font-medium hover:text-red-600">Social Media Marketing</a>
<p class="text-slate-400 mt-3">Our social media experts can help you create and implement a
social media strategy that aligns with your business goals. </p>
<div class="mt-5">
<a href="#"
class=" text-red-600 hover:text-red-600 after:bg-red-600 transition duration-500">Read
More <i class="uil uil-arrow-right"></i></a>
</div>
</div>
</div>
<div class="px-6 py-10 shadow hover:shadow-md transition duration-500 rounded-2xl bg-white ">
<svg class="h-12 w-12 stroke-1 fill-red-600" version="1.1" id="Icons"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 32 32" xml:space="preserve">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path
d="M21.5,1.1c-0.3-0.2-0.7-0.2-1,0l-2,1c-1.8,0.9-3.9,1.4-6,1.4c-2,0-3.5,1.6-3.5,3.6c0,1.1,0.5,2,1.2,2.7l2.3,4.6 c0.2,0.3,0.5,0.6,0.9,0.6h2.5c0.6,0,1-0.4,1-1v-2.5c0.5,0.2,1.1,0.4,1.6,0.7l2,1c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4,0,0.5-0.1 c0.3-0.2,0.5-0.5,0.5-0.9V2C22,1.7,21.8,1.3,21.5,1.1z M20,10.7l-0.6-0.3c-0.8-0.4-1.6-0.7-2.5-1V4.9c0.9-0.3,1.7-0.6,2.5-1L20,3.6 V10.7z">
</path>
<path
d="M27,10h-3v2.3c0,1-0.5,2-1.4,2.6c-0.9,0.5-2,0.6-2.9,0.1l-0.8-0.4C18.6,16,17.4,17,15.9,17h-2.5c-1.2,0-2.2-0.6-2.7-1.7 L8.6,11c-0.3-0.3-0.5-0.6-0.7-1H5c-1.7,0-3,1.3-3,3v14c0,1.7,1.3,3,3,3h22c1.7,0,3-1.3,3-3V13C30,11.3,28.7,10,27,10z M24.7,23.2 c0.4,0.4,0.5,1,0.1,1.4C24.6,24.9,24.3,25,24,25c-0.2,0-0.5-0.1-0.7-0.2l-3.9-3.4l-2.8,2.4C16.5,23.9,16.2,24,16,24 s-0.5-0.1-0.7-0.2l-2.8-2.4l-3.9,3.4C8.5,24.9,8.2,25,8,25c-0.3,0-0.6-0.1-0.8-0.3c-0.4-0.4-0.3-1,0.1-1.4l3.7-3.2l-3.7-3.2 c-0.4-0.4-0.5-1-0.1-1.4c0.4-0.4,1-0.5,1.4-0.1l7.3,6.4l7.3-6.4c0.4-0.4,1-0.3,1.4,0.1c0.4,0.4,0.3,1-0.1,1.4L20.9,20L24.7,23.2z">
</path>
</g>
</svg>
<div class=" mt-7">
<a href="#" class=" h5 text-lg font-medium hover:text-red-600">Email Marketing</a>
<p class="text-slate-400 mt-3">Our email marketing services can help you engage your
audience and drive conversions. We'll help you create email campaigns that are
personalized, relevant, and effective.</p>
<div class="mt-5">
<a href="#"
class=" text-red-600 hover:text-red-600 after:bg-red-600 transition duration-500">Read
More <i class="uil uil-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="lg:col-span-4 md:col-span-12">
<div class="grid lg:grid-cols-1 md:grid-cols-2 grid-cols-1 gap-[30px]">
<div class="px-6 py-10 shadow hover:shadow-md transition duration-500 rounded-2xl bg-white ">
<svg class="h-12 w-12 stroke-1 fill-red-600" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path
d="M3,20V10H8V21H4A1,1,0,0,1,3,20ZM21,4a1,1,0,0,0-1-1H4A1,1,0,0,0,3,4V8H21ZM20,21a1,1,0,0,0,1-1V10H10V21Z">
</path>
</g>
</svg>
<div class=" mt-7">
<a href="#" class=" h5 text-lg font-medium hover:text-red-600">Web Design and
Development</a>
<p class="text-slate-400 mt-3">Our web design and development services can help you create a
website that is user-friendly, visually appealing, and optimized for conversions. </p>
<div class="mt-5">
<a href="#"
class=" text-red-600 hover:text-red-600 after:bg-red-600 transition duration-500">Read
More <i class="uil uil-arrow-right"></i></a>
</div>
</div>
</div>
<div class="px-6 py-10 shadow hover:shadow-md transition duration-500 rounded-2xl bg-white ">
<svg class="h-12 w-12 stroke-1 fill-red-600" height="200px" width="200px" version="1.1"
id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512" xml:space="preserve">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<g>
<g>
<path
d="M365.584,123.899c-16.934-25.928-45.506-41.408-76.431-41.408c-5.633,0-10.199,4.567-10.199,10.199v81.035 c0,3.742,2.05,7.184,5.34,8.967c1.52,0.824,3.19,1.232,4.859,1.232c1.943,0,3.883-0.555,5.57-1.654l67.891-44.25 c2.267-1.478,3.854-3.797,4.412-6.445C367.583,128.925,367.064,126.164,365.584,123.899z M299.353,154.903v-51.283 c16.646,2.402,31.838,10.636,42.96,23.282L299.353,154.903z">
</path>
</g>
</g>
<g>
<g>
<path
d="M347.762,171.967c-3.078-4.713-9.393-6.041-14.109-2.968l-67.456,43.966v-80.511c0-5.633-4.566-10.2-10.199-10.2 c-24.995,0-49.448,8.648-68.853,24.352c-25.853,20.92-40.68,51.967-40.68,85.182c0,60.397,49.137,109.533,109.533,109.533 s109.533-49.137,109.533-109.533C365.533,210.452,359.388,189.767,347.762,171.967z M245.8,143.218v59.723l-37.54-46.449 C219.643,149.225,232.364,144.727,245.8,143.218z M255.999,320.921c-49.149,0-89.135-39.986-89.135-89.135 c0-23.599,9.2-45.854,25.542-62.457l55.66,68.868c3.288,4.068,9.12,4.989,13.502,2.134l74.196-48.361 c6.153,12.303,9.37,25.888,9.37,39.816C345.134,280.934,305.148,320.921,255.999,320.921z">
</path>
</g>
</g>
<g>
<g>
<path
d="M430.422,438.033h-2.379V20.398h9.37c5.633,0,10.199-4.567,10.199-10.199C447.611,4.567,443.045,0,437.412,0H74.587 c-5.633,0-10.199,4.567-10.199,10.199c0,5.632,4.566,10.199,10.199,10.199h9.371v417.635h-2.379 c-16.447,0-29.83,13.381-29.83,29.829v14.308c0,16.448,13.381,29.83,29.83,29.83h348.843c16.447,0,29.83-13.381,29.83-29.83 v-14.308C460.251,451.415,446.87,438.033,430.422,438.033z M104.355,20.398h303.288v417.635H104.355V20.398z M439.852,482.17 c0,5.201-4.231,9.431-9.431,9.431H81.577c-5.201,0-9.431-4.231-9.431-9.431v-14.308c0-5.201,4.231-9.43,9.431-9.43h348.843 c5.201,0,9.431,4.23,9.431,9.43V482.17z">
</path>
</g>
</g>
<g>
<g>
<path
d="M368.935,360.779H143.064c-5.633,0-10.199,4.567-10.199,10.199s4.566,10.199,10.199,10.199h225.871 c5.633,0,10.199-4.567,10.199-10.199S374.568,360.779,368.935,360.779z">
</path>
</g>
</g>
<g>
<g>
<path
d="M368.935,39.859h-4.735c-5.633,0-10.199,4.567-10.199,10.199s4.566,10.199,10.199,10.199h4.735 c5.633,0,10.199-4.567,10.199-10.199S374.568,39.859,368.935,39.859z">
</path>
</g>
</g>
<g>
<g>
<path
d="M327.407,39.859H143.064c-5.633,0-10.199,4.567-10.199,10.199s4.566,10.199,10.199,10.199h184.342 c5.633,0,10.199-4.567,10.199-10.199S333.04,39.859,327.407,39.859z">
</path>
</g>
</g>
<g>
<g>
<path
d="M368.935,398.596H143.064c-5.633,0-10.199,4.567-10.199,10.199s4.566,10.199,10.199,10.199h225.871 c5.633,0,10.199-4.567,10.199-10.199S374.568,398.596,368.935,398.596z">
</path>
</g>
</g>
</g>
</svg>
<div class=" mt-7">
<a href="#" class=" h5 text-lg font-medium hover:text-red-600"> Marketing</a>
<p class="text-slate-400 mt-3">We can help you create and promote high-quality that
resonates with your target audience.</p>
<div class="mt-5">
<a href="#"
class=" text-red-600 hover:text-red-600 after:bg-red-600 transition duration-500">Read
More <i class="uil uil-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div><!--grid-->
</section><!--end section-->
