diff --git a/assets/favicon.png b/assets/favicon.png
new file mode 100644
index 0000000..9922760
Binary files /dev/null and b/assets/favicon.png differ
diff --git a/index.html b/index.html
index fa15ba7..b6bab4b 100644
--- a/index.html
+++ b/index.html
@@ -1,350 +1,513 @@
 <!DOCTYPE html>
 <html lang="en" data-theme="light">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Rinterio</title>
+    <link rel="icon" type="image/jpg" href="assets/favicon.png">
     <!-- Google fond CDN Link -->
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet">
-
-
-     <!-- Fontawosome CDN Link -->
-     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"
+      rel="stylesheet"
+    />
+
+    <!-- Fontawosome CDN Link -->
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
+      integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
 
     <!-- DasiyUI and Tailwindcss CDN Link -->
 
-    <link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet" type="text/css" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css"
+      rel="stylesheet"
+      type="text/css"
+    />
     <script src="https://cdn.tailwindcss.com"></script>
     <script>
-        tailwind.config = {
-          theme: {
-            extend: {
-              colors: {
-                clifford: '#da373d',
-              }
-            }
-          }
-        }
-      </script>
-      <style>
-        .manrope{
-            font-family: "Manrope", sans-serif;
-        }
-        .back{
-            background-image: url(assets/bg.jpg);
-            width: 100%;
-            height: 100%;
-            background-repeat: no-repeat;
-            background-size: cover;
-        }
-      </style>
-
-</head>
-<body class="manrope">
-<!-- Header section -->
- <header class="bg-[#fafafa]">
-    <nav class="container mx-auto">
+      tailwind.config = {
+        theme: {
+          extend: {
+            colors: {
+              clifford: "#da373d",
+            },
+          },
+        },
+      };
+    </script>
+    <style>
+      .manrope {
+        font-family: "Manrope", sans-serif;
+      }
+      .back {
+        background-image: url(assets/bg.jpg);
+        width: 100%;
+        height: 100%;
+        background-repeat: no-repeat;
+        background-size: cover;
+      }
+    </style>
+  </head>
+  <body class="manrope">
+    <!-- Header section -->
+    <header class="bg-[#fafafa]">
+      <nav class="container mx-auto">
         <div class="navbar">
-            <div class="navbar-start">
-              <div class="dropdown">
-                <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    class="h-5 w-5"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
-                      d="M4 6h16M4 12h8m-8 6h16" />
-                  </svg>
-                </div>
-                <ul
-                  tabindex="0"
-                  class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
-                  <li><a class="hover:text-[black] font-semibold">Home</a></li>
-                  <li><a class="hover:text-[black] font-semibold">Service</a></li>
-                  <li><a class="hover:text-[black] font-semibold">Portfolio</a></li>
-                  <li><a class="hover:text-[black] font-semibold">Vlogs</a></li>
-                  <li><a class="hover:text-[black] font-semibold">Contact Us</a></li>
-
-                  <div class="flex flex-col-reverse items-center gap-4 overflow-hidden">
-                    <i class="fa-solid fa-magnifying-glass text-black"></i>
-                    <i class="fa-solid fa-cart-shopping text-black"></i>
-                    <a class="btn bg bg-[#abef5f] rounded-full font-bold">Book Consult <i class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></a>
-                    
-      
-                  </div>
-                </ul>
-                
+          <div class="navbar-start">
+            <i
+              class="bg-[#abef5f] p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+            ></i>
 
+            <a class="btn btn-ghost text-2xl font-bold">Rinterio</a>
+          </div>
+          <div class="navbar-center hidden lg:flex">
+            <ul class="menu menu-horizontal px-1">
+              <li><a class="hover:text-[black] font-semibold">Home</a></li>
+              <li><a class="hover:text-[black] font-semibold">Service</a></li>
+              <li><a class="hover:text-[black] font-semibold">Portfolio</a></li>
+              <li><a class="hover:text-[black] font-semibold">Vlogs</a></li>
+              <li>
+                <a class="hover:text-[black] font-semibold">Contact Us</a>
+              </li>
+            </ul>
+          </div>
+          <div class="navbar-end">
+            <!-- MOBILE DROPDONW STAR -->
+            <div class="dropdown dropdown-end lg:hidden">
+              <div tabindex="0" role="button" class="btn btn-ghost">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  class="h-5 w-5"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M4 6h16M4 12h8m-8 6h16"
+                  />
+                </svg>
               </div>
-              <i class="bg-[#abef5f] p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i>
-              
-              <a class="btn btn-ghost text-2xl font-bold">Rinterio</a>
-            </div>
-            <div class="navbar-center hidden lg:flex">
-              <ul class="menu menu-horizontal px-1">
+              <ul
+                tabindex="0"
+                class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow"
+              >
                 <li><a class="hover:text-[black] font-semibold">Home</a></li>
                 <li><a class="hover:text-[black] font-semibold">Service</a></li>
-                <li><a class="hover:text-[black] font-semibold">Portfolio</a></li>
+                <li>
+                  <a class="hover:text-[black] font-semibold">Portfolio</a>
+                </li>
                 <li><a class="hover:text-[black] font-semibold">Vlogs</a></li>
-                <li><a class="hover:text-[black] font-semibold">Contact Us</a></li>
+                <li>
+                  <a class="hover:text-[black] font-semibold">Contact Us</a>
+                </li>
+
+                <div
+                  class="flex flex-col-reverse items-center gap-4 overflow-hidden"
+                >
+                  <i class="fa-solid fa-magnifying-glass text-black"></i>
+                  <i class="fa-solid fa-cart-shopping text-black"></i>
+                  <a class="btn bg bg-[#abef5f] rounded-full font-bold"
+                    >Book Consult
+                    <i
+                      class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+                    ></i
+                  ></a>
+                </div>
               </ul>
             </div>
-            <div class="navbar-end hidden md:flex   space-x-6">
-                <i class="fa-solid fa-magnifying-glass text-black bg-slate-50 p-2 rounded-full"></i>
-                <i class="fa-solid fa-cart-shopping text-black bg-slate-50 p-2 rounded-full"></i>
-              <a class="btn bg bg-[#abef5f] rounded-full font-bold">Book Consult <i class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></a>
-              
-
+            <!-- MOBILE DROPDONW END -->
+            <div
+              class="navbar-end-content hidden md:flex items-center space-x-6"
+            >
+              <i
+                class="fa-solid fa-magnifying-glass text-black bg-slate-50 p-2 rounded-full"
+              ></i>
+              <i
+                class="fa-solid fa-cart-shopping text-black bg-slate-50 p-2 rounded-full"
+              ></i>
+              <a class="btn bg bg-[#abef5f] rounded-full font-bold"
+                >Book Consult
+                <i
+                  class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+                ></i
+              ></a>
             </div>
-            
           </div>
-    </nav>
+        </div>
+      </nav>
 
-    <!-- banner Section -->
-     <section class="container mx-auto px-8 mb-40">
+      <!-- banner Section -->
+      <section class="container mx-auto px-8 mb-40">
         <div class="card">
-            <figure class="px-10 pt-10">
-              <img
-                src="assets/banner.png"
-                alt="Shoes"
-                class="max-w-2xl" />
-            </figure>
-            <div class="card-body items-center text-center">
-              <h2 class="text-6xl font-bold">A barn house of this design has a <br> striking appearance</h2>
-              <p class="text-22 py-4">The barn house captivates with its blend of rustic charm and modern sophistication, featuring weathered wood, sleek metal <br> accents, and large windows that flood the space with natural light.</p>
-              <div class="card-actions">
-                <button class="btn bg-[#abef5f] bg-opacity-60 rounded-full">View Details <i class="bg-[#abef5f] text-black p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></button>
-              </div>
+          <figure class="px-10 pt-10">
+            <img src="assets/banner.png" alt="Shoes" class="max-w-2xl" />
+          </figure>
+          <div class="card-body items-center text-center">
+            <h2 class="text-6xl font-bold">
+              A barn house of this design has a <br />
+              striking appearance
+            </h2>
+            <p class="text-22 py-4">
+              The barn house captivates with its blend of rustic charm and
+              modern sophistication, featuring weathered wood, sleek metal
+              <br />
+              accents, and large windows that flood the space with natural
+              light.
+            </p>
+            <div class="card-actions">
+              <button class="btn bg-[#abef5f] bg-opacity-60 rounded-full">
+                View Details
+                <i
+                  class="bg-[#abef5f] text-black p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+                ></i>
+              </button>
             </div>
           </div>
+        </div>
+      </section>
+    </header>
 
-     </section>
-
- </header>
-
-
- <!-- Main Section -->
-  <main class="bg-[#f4f4f4]">
-    <!-- design Section -->
-     <section class=" mb-24">
-        
+    <!-- Main Section -->
+    <main class="bg-[#f4f4f4]">
+      <!-- design Section -->
+      <section class="mb-24">
         <div class="hero bg-base-200 min-h-screen container mx-auto">
-            <div class="hero-content p-16 lg:p-6  flex-col-reverse lg:flex-row-reverse">
+          <div
+            class="hero-content p-16 lg:p-6 flex-col-reverse lg:flex-row-reverse"
+          >
+            <img src="assets/Rectangle.png" class="rounded-lg" />
+            <div class="flex-1">
               <img
-                src="assets/Rectangle.png"
-                class="rounded-lg" />
-              <div class="flex-1"> 
-                <img class="absolute  -mt-28 -ml-16" src="assets/Vector.png" alt="">
-                <span class="bg-white rounded-full font-semibold p-2 absolute text-center -mt-12 ml-24 lg:ml-0 lg:-mt-16"> <i class="fa-solid fa-arrow-right"></i>About Us</span> 
-                <h1 class="text-5xl font-bold lg:text-start  text-center">We design thoughtful, liveable spaces</h1>
-                <p class="py-6 text-center lg:text-start">
-                    The barn house captivates with its blend of rustic charm and 
-                    modern sophistication, featuring weathered wood, sleek metal accents.
-                </p>
-                <div class="bg-white rounded-lg flex gap-5 my-6 items-center">
-                    <div>
-                        <img class="p-4" src="assets/commercial.png" alt="">
-                    </div>
-                    <div>
-                        <h1 class="font-bold mb-2">Commercial</h1>
-                        <p class="max-w-80">The barn house captivates with its blend of rustic charm and modern.</p>
-                    </div>
+                class="absolute -mt-28 -ml-16"
+                src="assets/Vector.png"
+                alt=""
+              />
+              <span
+                class="bg-white rounded-full font-semibold p-2 absolute text-center -mt-12 ml-24 lg:ml-0 lg:-mt-16"
+              >
+                <i class="fa-solid fa-arrow-right"></i>About Us</span
+              >
+              <h1 class="text-5xl font-bold lg:text-start text-center">
+                We design thoughtful, liveable spaces
+              </h1>
+              <p class="py-6 text-center lg:text-start">
+                The barn house captivates with its blend of rustic charm and
+                modern sophistication, featuring weathered wood, sleek metal
+                accents.
+              </p>
+              <div class="bg-white rounded-lg flex gap-5 my-6 items-center">
+                <div>
+                  <img class="p-4" src="assets/commercial.png" alt="" />
+                </div>
+                <div>
+                  <h1 class="font-bold mb-2">Commercial</h1>
+                  <p class="max-w-80">
+                    The barn house captivates with its blend of rustic charm and
+                    modern.
+                  </p>
                 </div>
-                <div class="bg-white rounded-lg flex gap-5 items-center">
-                    <div>
-                        <img class="p-4" src="assets/residential.png" alt="">
-                    </div>
-                    <div>
-                        <h1 class="font-bold mb-2">Residential</h1>
-                        <p class="max-w-80">The barn house captivates with its blend of rustic charm and modern.</p>
-                    </div>
+              </div>
+              <div class="bg-white rounded-lg flex gap-5 items-center">
+                <div>
+                  <img class="p-4" src="assets/residential.png" alt="" />
+                </div>
+                <div>
+                  <h1 class="font-bold mb-2">Residential</h1>
+                  <p class="max-w-80">
+                    The barn house captivates with its blend of rustic charm and
+                    modern.
+                  </p>
                 </div>
               </div>
             </div>
           </div>
-     </section>
+        </div>
+      </section>
 
-     <!-- Work process Section -->
-      <section class="container mx-auto mb-24 ">
+      <!-- Work process Section -->
+      <section class="container mx-auto mb-24">
         <!-- Text are -->
         <div class="flex items-center justify-center flex-col">
-            <span class="bg-white rounded-full font-semibold p-2 mx-3"> <i class="fa-solid fa-arrow-right"></i>How we works</span> 
-            <h1 class="text-4xl  font-bold my-6">Our Works Process</h1>
-            <p class="text-center space-y-2 text-lg">The barn house captivates with its blend of rustic charm and modern sophistication, <br> featuring weathered wood, sleek metal accents.</p>
+          <span class="bg-white rounded-full font-semibold p-2 mx-3">
+            <i class="fa-solid fa-arrow-right"></i>How we works</span
+          >
+          <h1 class="text-4xl font-bold my-6">Our Works Process</h1>
+          <p class="text-center space-y-2 text-lg">
+            The barn house captivates with its blend of rustic charm and modern
+            sophistication, <br />
+            featuring weathered wood, sleek metal accents.
+          </p>
         </div>
 
         <!-- image are -->
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-8 w-5/6 mx-auto">
-            <!-- card-1 -->
-            <div class="bg-[#e7c1d3] rounded-xl p-4">
-                <img src="assets/concept.png" alt="">
-                <h1 class="text-lg font-bold">Concept</h1>
-                <p>The barn house captivates with its blend of rustic charm and modern.</p>
-                </div>
+        <div
+          class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-8 w-5/6 mx-auto"
+        >
+          <!-- card-1 -->
+          <div class="bg-[#e7c1d3] rounded-xl p-4">
+            <img src="assets/concept.png" alt="" />
+            <h1 class="text-lg font-bold">Concept</h1>
+            <p>
+              The barn house captivates with its blend of rustic charm and
+              modern.
+            </p>
+          </div>
 
-                <!-- card-2 -->
-                <div class="bg-[#efda6e] rounded-xl p-4">
-                <img src="assets/flow-chart.png" alt="">
-                <h1 class="text-lg font-bold">Design Process</h1>
-                <p>The barn house captivates with its blend of rustic charm and modern.</p>
-                </div>
+          <!-- card-2 -->
+          <div class="bg-[#efda6e] rounded-xl p-4">
+            <img src="assets/flow-chart.png" alt="" />
+            <h1 class="text-lg font-bold">Design Process</h1>
+            <p>
+              The barn house captivates with its blend of rustic charm and
+              modern.
+            </p>
+          </div>
 
-                <!-- card-3 -->
-            <div class="bg-[#a4dac3] rounded-xl p-4">
-                <img src="assets/vision.png" alt="">
-                <h1 class="text-lg font-bold">Supervision</h1>
-                <p>The barn house captivates with its blend of rustic charm and modern.</p>
-                </div>
+          <!-- card-3 -->
+          <div class="bg-[#a4dac3] rounded-xl p-4">
+            <img src="assets/vision.png" alt="" />
+            <h1 class="text-lg font-bold">Supervision</h1>
+            <p>
+              The barn house captivates with its blend of rustic charm and
+              modern.
+            </p>
+          </div>
 
-                <!-- card-4 -->
-            <div class="bg-[#77aaea] rounded-xl p-4">
-                <img src="assets/budget-planning.png" alt="">
-                <h1 class="text-lg font-bold">Budget Planning</h1>
-                <p>The barn house captivates with its blend of rustic charm and modern.</p>
-                </div>
+          <!-- card-4 -->
+          <div class="bg-[#77aaea] rounded-xl p-4">
+            <img src="assets/budget-planning.png" alt="" />
+            <h1 class="text-lg font-bold">Budget Planning</h1>
+            <p>
+              The barn house captivates with its blend of rustic charm and
+              modern.
+            </p>
+          </div>
         </div>
-
       </section>
 
-
       <!-- Latest portfolio Section -->
-       <section class="container mx-auto py-16">
-        
-
-        <div class="text-center">
-          <button class="btn bg-[#abef5f] bg-opacity-60 rounded-full"> <i class="bg-[#abef5f] text-black p-2 rounded-full fa-solid fa-arrow-right"></i> Explore our Latest works </button>
-          <h1 class="text-5xl font-bold py-5">Our Latest Portfolio</h1>
-          <p class="text-slate-500 pb-3 px-6">The barn house captivates with its blend of rustic charm and modern sophistication, <br> featuring weathered wood, sleek metal accents.</p>
-        </div>
-
-      <div class="">
-        <!-- card-1 -->
-       <div class="grid grid-cols-1 lg:grid-cols-3  mx-auto gap-4 mb-8">
-        <div class="flex flex-col col-span-2 p-5 lg:p-1 lg:flex-row items-center bg-white rounded-lg border-2 flex-1">
-          <div class="w-full">
-            <img class="px-3  w-full text-center" src="assets/img1.png" alt="">
-          </div>
-          <div class="">
-            <h1 class="text-lg font-bold mb-2">Commercial</h1>
-            <p class="text-slate-500 mb-2">The barn house captivates with its blend of rustic charm  and modern. The barn house captivates with its blend of  rustic charm and modern .</p>
-            <button class=" rounded-full">View Details <i class="bg-[#abef5f] text-black p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></button>
-          </div>
-
-        </div>
-        <div class="bg-white rounded-lg border-2">
-          <img class="p-6 w-full" src="assets/img2.png" alt="">
-        </div>
-
-       </div>
-
-       <!-- card-2 -->
-       <div class=" grid grid-cols-1 lg:grid-cols-4  gap-4">
-
-        <div class="bg-white w-full rounded-lg px-4 border-2">
-          <img class="lg:max-w-xl w-full  p-2" src="assets/img3.png" alt="">
-        </div>
-
-        <div class="flex flex-col col-span-2 p-5 lg:p-1 lg:flex-row items-center bg-white rounded-lg border-2">
-          <div class="w-full">
-            <img class="px-3 w-full text-center" src="assets/img4.png" alt="">
+      <section class="bg-white">
+        <div class="container mx-auto py-16">
+          <div class="text-center">
+            <button class="btn bg-[#abef5f] bg-opacity-60 rounded-full">
+              <i
+                class="bg-[#abef5f] text-black p-2 rounded-full fa-solid fa-arrow-right"
+              ></i>
+              Explore our Latest works
+            </button>
+            <h1 class="text-5xl font-bold py-5">Our Latest Portfolio</h1>
+            <p class="text-slate-500 pb-3 px-6">
+              The barn house captivates with its blend of rustic charm and modern
+              sophistication, <br />
+              featuring weathered wood, sleek metal accents.
+            </p>
           </div>
-          <div class="px-3">
-            <h1 class="text-lg font-bold mb-2">Commercial</h1>
-            <p class="text-slate-500 mb-2">The barn house captivates with its blend of rustic charm  and modern. The barn house captivates with its blend of  rustic charm and modern .</p>
-            <button class=" rounded-full">View Details <i class="bg-[#abef5f] text-black p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></button>
+  
+          <div class="card-container grid lg:grid-cols-4 gap-6">
+            <!-- card-1 -->
+            <div
+              class="card-1 lg:col-span-3 flex flex-col p-5 lg:p-6 lg:flex-row items-center bg-white rounded-[16px] border-2 flex-1"
+            >
+              <div class="lg:w-[410px] lg:h-[175px] rounded-[16px] overflow-hidden object-cover">
+                <img
+                  class="w-full h-full"
+                  src="assets/img1.png"
+                  alt=""
+                />
+              </div>
+              <div class="ml-3">
+                <h1 class="text-lg font-bold mb-2">Commercial</h1>
+                <p class="text-slate-500 mb-2">
+                  The barn house captivates with its blend of rustic charm and
+                  modern. The barn house captivates with its blend of rustic charm
+                  and modern .
+                </p>
+                <button class="rounded-full">
+                  View Details
+                  <i
+                    class="bg-[#abef5f] text-black p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+                  ></i>
+                </button>
+              </div>
+            </div>
+  
+            <!-- card-2 -->
+            <div class="card-2 bg-white rounded-[16px] overflow-hidden p-5 lg:p-6 border-2">
+              <img class="w-full h-full rounded-[16px] overflow-hidden object-cover" src="assets/img2.png" alt="" />
+            </div>
+  
+            <!-- card-3 -->
+            <div class="card-3 bg-white w-full rounded-[16px] overflow-hidden p-5 lg:p-6 border-2">
+              <img class="w-full h-full object-cover" src="assets/img3.png" alt="" />
+            </div>
+  
+            <!-- card-4 -->
+            <div
+              class="card-4 flex flex-col lg:col-span-2 p-5 lg:p-6 lg:flex-row items-center bg-white rounded-[16px] border-2"
+            >
+              <div class="w-full h-full  rounded-[16px] overflow-hidden">
+                <img
+                  class="w-full h-full object-cover"
+                  src="assets/img4.png"
+                  alt=""
+                />
+              </div>
+              <div class="pl-3">
+                <h1 class="text-lg font-bold mb-2">Commercial</h1>
+                <p class="text-slate-500 mb-2">
+                  The barn house captivates with its blend of rustic charm and
+                  modern. The barn house captivates with its blend of rustic charm
+                  and modern .
+                </p>
+                <button class="rounded-full">
+                  View Details
+                  <i
+                    class="bg-[#abef5f] text-black p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+                  ></i>
+                </button>
+              </div>
+            </div>
+  
+  
+            <!-- card-5 -->
+            <div class="card-5 bg-white rounded-[16px] overflow-hidden p-5 lg:p-6 border-2">
+              <img class="w-full h-full object-cover" src="assets/img5.png" alt="" />
+            </div>
           </div>
 
         </div>
-        <div class="bg-white rounded-lg  border-2">
-          <img class="p-6 w-full lg:max-w-xl" src="assets/img5.png" alt="">
-        </div>
-
-       </div>
-
-
-      </div>
-
-
-
-       </section>
-
 
 
+      </section>
 
       <!-- discuss section -->
       <section class="back mb-2">
-       <div class="container mx-auto flex-col flex justify-center items-center">
-        <div class=" flex items-center justify-center pt-36">
-            <button class="btn bg-[#abef5f] bg-opacity-60 rounded-full"> <i class="bg-[#abef5f] text-black p-2 rounded-full fa-solid fa-arrow-right"></i> Let’s Connect </button>
-        </div>
-        <div class="flex justify-center text-center items-center flex-col pt-6 gap-6">
+        <div
+          class="container mx-auto flex-col flex justify-center items-center"
+        >
+          <div class="flex items-center justify-center pt-36">
+            <button class="btn bg-[#abef5f] bg-opacity-60 rounded-full">
+              <i
+                class="bg-[#abef5f] text-black p-2 rounded-full fa-solid fa-arrow-right"
+              ></i>
+              Let’s Connect
+            </button>
+          </div>
+          <div
+            class="flex justify-center text-center items-center flex-col pt-6 gap-6"
+          >
             <h1 class="text-5xl font-bold">Let’s Discuss Next Project</h1>
-            <p class="text-center px-2 text-lg font-semibold">The barn house captivates with its blend of rustic charm and modern sophistication,<br> featuring weathered wood, sleek metal accents.</p>
-        </div>
+            <p class="text-center px-2 text-lg font-semibold">
+              The barn house captivates with its blend of rustic charm and
+              modern sophistication,<br />
+              featuring weathered wood, sleek metal accents.
+            </p>
+          </div>
 
-          <div class="grid w-2/3 grid-cols-1 lg:grid-cols-2 gap-6 lg:pb-32 pt-6">
+          <div
+            class="grid w-2/3 grid-cols-1 lg:grid-cols-2 gap-6 lg:pb-32 pt-6"
+          >
+            <div>
+              <input
+                class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full"
+                placeholder="First Name*"
+                type="text"
+                name=""
+                id=""
+              />
+            </div>
             <div>
-                <input class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full" placeholder="First Name*" type="text" name="" id="">
-             </div>
-             <div>
-                <input class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full" placeholder="Last Name*" type="text" name="" id="">
-             </div>
-             <div>
-                <input class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full" placeholder="Phone Number*" type="number" name="" id="">
+              <input
+                class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full"
+                placeholder="Last Name*"
+                type="text"
+                name=""
+                id=""
+              />
             </div>
             <div>
-              <input class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full" placeholder="Email Address*" type="email" name="" id="">
+              <input
+                class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full"
+                placeholder="Phone Number*"
+                type="number"
+                name=""
+                id=""
+              />
             </div>
-            <textarea class=" py-3 px-2 row-span-10 col-span-2 border-none outline-none rounded-lg" placeholder="Write your message here" name="" id=""></textarea>
-            <a class="btn   bg bg-[#abef5f] text-lg col-span-2 rounded-full font-bold">Send Mail <i class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></a>
-           </div>
-            
+            <div>
+              <input
+                class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full"
+                placeholder="Email Address*"
+                type="email"
+                name=""
+                id=""
+              />
+            </div>
+            <textarea
+              class="py-3 px-2 row-span-10 col-span-2 border-none outline-none rounded-lg"
+              placeholder="Write your message here"
+              name=""
+              id=""
+            ></textarea>
+            <a
+              class="btn bg bg-[#abef5f] text-lg col-span-2 rounded-full font-bold"
+              >Send Mail
+              <i
+                class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+              ></i
+            ></a>
+          </div>
         </div>
-
-
-
       </section>
+    </main>
+
+    <!-- Footer Section -->
+
+    <footer
+      class="footer footer-center bg-black text-base-content rounded p-10"
+    >
+      <div class="flex">
+        <i
+          class="bg-[#abef5f] p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+        ></i>
+        <a class="text-2xl text-white font-bold">Rinterio</a>
+      </div>
+      <div>
+        <p class="text-white">
+          The barn house captivates with its blend of rustic charm and modern
+          sophistication,<br />
+          featuring weathered wood, sleek metal accents.
+        </p>
+      </div>
 
-
-  </main>
-
-  <!-- Footer Section -->
-   
-    <footer class="footer footer-center bg-black text-base-content rounded p-10">
-       <div class="flex">
-        <i class="bg-[#abef5f] p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i>
-        <a class=" text-2xl text-white font-bold">Rinterio</a>
-       </div>
-       <div>
-        <p class="text-white">The barn house captivates with its blend of rustic charm and modern sophistication,<br> featuring weathered wood, sleek metal accents.</p>
-       </div>
-
-
-        <nav class="grid  grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-5 lg:gap-32">
-          <a class="hover:text-[#abef5f] text-white font-bold">Home</a>
-          <a class="hover:text-[#abef5f] text-white font-bold">Secrvice</a>
-          <a class="hover:text-[#abef5f] text-white font-bold">Fortfolio</a>
-          <a class="hover:text-[#abef5f] text-white font-bold">Blogs</a>
-          <a class="hover:text-[#abef5f] text-white font-bold">Contact Us</a>
-          </nav>
-
-        
-            <div class="flex items-center justify-center">
-                <a class="btn text-center bg bg-[#abef5f] rounded-full font-bold">Book Consult <i class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></a>
-            </div>
-
-            
-
-      </footer>
-      <hr class="">
-    
-</body>
-</html>
\ No newline at end of file
+      <nav
+        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-5 lg:gap-32"
+      >
+        <a class="hover:text-[#abef5f] text-white font-bold">Home</a>
+        <a class="hover:text-[#abef5f] text-white font-bold">Secrvice</a>
+        <a class="hover:text-[#abef5f] text-white font-bold">Fortfolio</a>
+        <a class="hover:text-[#abef5f] text-white font-bold">Blogs</a>
+        <a class="hover:text-[#abef5f] text-white font-bold">Contact Us</a>
+      </nav>
+
+      <div class="flex items-center justify-center">
+        <a class="btn text-center bg bg-[#abef5f] rounded-full font-bold"
+          >Book Consult
+          <i
+            class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"
+          ></i
+        ></a>
+      </div>
+    </footer>
+    <hr class="" />
+  </body>
+</html>
