<div class="md:pt-5">
				<div class="mt-12.5 md:mt-20">
					<div class="grid md:grid-cols-12 md:gap-x-[3.75rem] items-start">
						<div
							class="flex flex-col gap-y-5 md:gap-y-12 px-6 md:px-0 md:col-start-7 md:col-span-6 lg:col-span-5 mt-5 md:mt-0 md:mr-10 lg:mr-0"
						>
							<div>
								<div class="flex flex-col gap-y-5">
									<p
										class="font-primary text-base sm:text-xl font-bold text-hydeBlack-900 text-left opacity-100 line-clamp-none text-left"
									>
										Kitchen
									</p>
									<p
										class="font-primary text-sm sm:text-base leading-6 font-normal text-hydeDarkGrey text-left opacity-100 line-clamp-none text-left"
									>
										Mr. Ilham adalah seorang pegawai PNS yang ingin interior dapurnya
										bergaya modern classic. Hyde Living pun membantu Mr. Ilham untuk
										mewujudkan desain interior dapur sesuai yang diinginkan. Dengan
										warna dan gaya yang klasik, dapur ini tampak seperti dapur yang
										berada di istana kerajaan. Tampilannya yang mewah namun juga tak
										lekang oleh waktu membuat dapurnya jauh lebih menarik dari
										sebelumnya.
									</p>
									<div>
										<p
											class="font-primary text-lg sm:text-2xl font-bold text-hydeGreen-primary text-left opacity-100 line-clamp-none text-left"
										>
											IDR 79.200.000
										</p>
										<div class="mt-4 flex items-center gap-1.5">
											<span
												class="font-primary text-sm sm:text-base font-normal text-hydeDarkGrey text-left opacity-100 line-clamp-none text-left"
												>*Harga tidak termasuk<span
													class="font-primary text-sm sm:text-base font-bold text-hydeDarkGrey text-left opacity-100 line-clamp-none text-left"
												>
													loose furniture</span
												></span
											>
											<div
												data-tooltip-target="tooltip-loose-furniture-Kitchen"
												data-tooltip-trigger="hover"
												class="cursor-pointer"
											>
												<div class="">
													<svg
														width="16"
														height="16"
														fill="none"
														xmlns="http://www.w3.org/2000/svg"
														class="fill-hydeDarkGrey cursor-pointer"
													>
														<g clip-path="url(#info_svg__a)">
															<path
																d="M8 0C3.589 0 0 3.589 0 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8Zm.52 12.747c-.38.063-1.136.221-1.52.253-.325.027-.632-.16-.819-.426a1 1 0 0 1-.12-.916L7.571 7.5H6c-.001-.866.649-1.504 1.48-1.748.396-.117 1.136-.276 1.52-.252.23.015.632.16.819.426a1 1 0 0 1 .12.916L8.429 11H10a1.77 1.77 0 0 1-1.48 1.747ZM9 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
																fill="current"
															></path>
														</g>
														<defs>
															<clipPath id="info_svg__a">
																<path fill="#fff" d="M0 0h16v16H0z"></path>
															</clipPath>
														</defs>
													</svg>
												</div>
											</div>
											<div
												id="tooltip-loose-furniture-Kitchen"
												role="tooltip"
												class="inline-block absolute invisible z-[99] rounded-lg shadow-sm opacity-0 tooltip bg-hydeLightGrey max-w-[370px] px-3.5 py-2.5"
												style="
													position: absolute;
													inset: 0px auto auto 0px;
													margin: 0px;
													transform: translate(994.667px, 1006.67px);
												"
												data-popper-placement="bottom"
											>
												<p
													class="font-primary text-xs sm:text-sm font-medium text-white text-center opacity-100 line-clamp-none text-center"
												></p>
												<p
													class="font-primary text-xs sm:text-sm font-normal text-hydeDarkGrey text-left opacity-100 line-clamp-none text-left"
												>
													Loose furniture adalah jenis perabotan yang dapat
													dipindah-pindah, seperti sofa, bangku, meja, dan lainnya.
													Sedangkan, fix furniture merupakan perabotan yang dibuat
													permanen dalam satu tempat.
												</p>
												<div
													class="tooltip-arrow"
													data-popper-arrow="true"
													style="
														position: absolute;
														left: 0px;
														transform: translate(177.333px, 0px);
													"
												></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="md:col-span-6 row-start-1">
							<img
								alt=""
								src="/images/dummy/portfolio/12_beji_depok/kitchen.jpg"
								class="w-full h-[12rem] sm:h-[24rem] object-cover md:rounded-r-2lg"
							/>
						</div>
					</div>
				</div>
			</div>
			<div class="relative mt-12.5 md:mt-20 pt-10 md:pt-20">
				<div
					class="absolute w-full h-96 md:h-[460px] left-0 top-0 -z-20 bg-hydeGreyGreen"
				></div>
				<div class="width-container">
					<div>
						<p
							class="font-primary text-2xl sm:text-3xl md:text-4.5xl font-bold text-hydeBlack-900 text-left opacity-100 line-clamp-none text-left"
						>
							Looks in This Project
						</p>
						<div
							class="flex flex-col items-start lg:flex-row lg:justify-between my-8 gap-y-4 lg:gap-x-4"
						>
							<p
								class="font-primary text-sm sm:text-base font-normal text-hydeDarkGrey text-left opacity-100 lg:w-2/3 line-clamp-none text-left"
							>
								Hyde Living menyediakan tiga kategori design looks yang dapat Anda
								pilih sesuai keinginan untuk rumah impian Anda.
							</p>
							<button
								class="waves-effect flex items-center justify-center border shadow-sm font-bold text-center font-primary text-sm sm:text-base border-transparent bg-hydeGreen-primary text-white hover:opacity-90 px-3 py-4 md:px-6 w-auto rounded-st"
							>
								Mulai Proyek dengan Kami
							</button>
						</div>
					</div>
					<div class="relative">
						<div
							id="hscroll"
							class="flex flex-no-wrap no-scrollbar scrolling-touch scroll-smooth gap-x-3.5 sm:gap-x-8 py-4 overflow-hidden px-1"
						>
							<div class="flex-none shrink-0 last:pr-1 first:pl-1 w-full">
								<div
									class="relative flex flex-col shadow-2st rounded-2lg animation-none cursor-default w-full h-auto !bg-white"
								>
									<div class="h-full px-3.5 md:px-6 py-3.5 md:py-6">
										<div class="flex-shrink-0">
											<img
												alt=""
												class="w-full h-40 md:h-64 object-cover rounded-2lg"
												src="/images/dummy/portfolio/12_beji_depok/kitchen.jpg"
											/>
										</div>
										<div class="bg-white flex flex-col justify-between">
											<div class="flex-1 mt-6">
												<div class="block">
													<p
														class="font-primary text-lg sm:text-2xl leading-7 font-bold text-hydeBlack-900 text-left opacity-100 line-clamp-none text-left"
													>
														Kitchen
													</p>
													<p
														class="font-primary text-sm sm:text-base font-normal text-hydeDarkGrey text-left opacity-100 mt-4 line-clamp-none text-left"
													>
														Modern Classic
													</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>