@php
use Illuminate\Support\Str;
@endphp
@extends("app")
@section('head_image', config('app.url').'public/assets/logo' . '.png' . '.webp')
@section("content")

<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap');
.f-fra{font-family: 'Fraunces', serif !important;}
.f-dm{font-family: 'DM Sans', sans-serif !important;}
#text_slider{position: absolute;}
.fs-56{font-size:35px !important;}
.tslide{display:none;}
.agent-card {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.agent-card:hover {
    transform: scale(1.03);
}

.agent-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5); /* semi-transparent dark overlay */
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 0.85rem;
}

.agent-card:hover .agent-overlay {
    opacity: 1;
}
.dev-item:hover a.hover-show{display:block !important;}
.select2-container{width:100% !important;}
.bg-black {background: #141414 !important;padding: 11px 20px !important;font-weight: 600 !important;}
.compare_btn{background: #F7F7F7 !important;border: 0px !important;color: #141414 !important;line-height: 24px !important;font-weight: 600 !important;    padding: 12px 24px !important;}
.absolute-item {border-radius:unset;background: linear-gradient(78.45deg, rgba(0, 0, 0, 0.8) 10.62%, rgba(0, 0, 0, 0) 33.61%), url(.jpg);left: 0;bottom: 0;right: 0;top: 0;}
.absolute-item .abso-item{bottom: 48px;left: 48px;position: absolute;}
.btn-tag, .btn-tag:hover{background: #EEEEEE !important;backdrop-filter: blur(5.5px);color: #151515 !important;line-height: 18px !important;letter-spacing: 0.03em;padding: 3px 10px !important;border-radius: 19px !important;text-transform: uppercase;font-weight: 500 !important;font-size: 14px !important;border: 0px !important;}
.fheading{font-family: 'Playfair Display';line-height: 42px;font-size: 42px;font-weight: 400 !important;letter-spacing: -0.04em;color: #F7F7F7 !important;}
.fheading svg{margin-left:8px;}
.absolute-item .abso-item p{font-family: 'Inter';margin:0;font-style: normal;font-weight: 400;font-size: 24px;line-height: 32px;color: #E2E2E2;}
.fheading:hover svg{transition: transform 140ms;transform: translate(4px, -5px);transition-delay: 300ms;}
.featured-info {border-top: 1px solid #EEEEEE;padding: 8px;color: #545454;}
.fw-400{font-weight: 400 !important;}
.pr-55{padding-right: 55px;}
.w-92{width: 92% !important;}
.lh-48{line-height: 48px !important;}
.pr-32{padding-right: 32px;}
.mb-20{margin-bottom: 20px !important;}
.lh-72{line-height: 72px !important;}
#search .dropdown-menu{z-index: 5;}
.select2-container--open .select2-dropdown--below{z-index: 5;}
.lh-1_2{line-height: 1.2 !important;}
.mb-30{margin-bottom: 30px;}
.zoom-guide-img:hover{transform: scale(1.07);}
.pr-10p{padding-right: 10%;}
.crop {background-size: cover !important;height: 240px;}
.fs-24{font-size: 24px !important;}
.blog-border {padding: 16px 26px 24px 26px;min-height: 260px;}
.pt-20{padding-top: 20px !important;}
.pb-64{padding-bottom: 64px !important;}
.pt-64{padding-top: 64px !important;}
.pt-112{padding-top: 112px !important;}
.blog-title1 {min-height: 95px;}
.c-cb{color: #CBCBCB;}
.fs-72{font-size: 72px;}
.pr-40{padding-right: 40px;}
.mh-96 {min-height: 96px;}
.p-36-64{padding: 36px 64px !important;}
.p-36-28{padding: 36px 28px !important;}
.featured-info li{color: #545454 !important;}
#keyword{padding: 14px 40px !important;overflow: hidden !important;max-height: 50px !important;}
.absolute-item-2{position: absolute; top: 35px; left: 28px;}
.project_loop .crop{border-radius:0 !important;max-height:640px !important;min-height:640px !important;}
@media only screen and (max-width: 1276px){
	#text_slider{display: contents;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.t-show{display: block !important;}
}
@media only screen and (max-width: 768px){
	.absolute-item {background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 2.95%, rgba(0, 0, 0, 0) 27.17%), url(.jpg);}
	.project_loop .crop{max-height:496px !important;min-height:496px !important;}
	.pt-87 {padding-top: 46px;}
	.bg-black{background: #141414 !important;padding: 9px 20px !important;font-weight: 600 !important;color: #F7F7F7 !important;}
	.shedule_btn{padding: 13px 20px !important;}
	.m-height-152{min-height:152px;}
	.mpt-36{padding-top: 36px !important;}
	.mpb-36{padding-bottom: 36px !important;}
	.mpb-48{padding-bottom: 48px !important;}
	.absolute-item .abso-item{right: 16px; left: 16px; bottom: 16px;}
	.fheading, .t-heading {font-size: 28px !important;}
	.absolute-item .abso-item p{font-size: 18px !important;line-height: 28px !important;}
	.tour-container{background: none;}
	.mpt-30{padding-top: 30px !important;}
	.mpt-56{padding-top: 56px !important;}
	.m-text-left{text-align: left !important;}
}
@media only screen and (max-width: 767px){
	.m-pl-0{padding-left: 0px !important;}
	.m-pr-0{padding-right: 0px !important;}
	.m-pr-10{padding-right: 10px !important;}
	.m-pt-20{padding-top: 20px;}
}
.home_slider .card-header{display:block;}
.compare-container {background: #F7F7F7;}
.c75{color:#757575 !important;}
.c14{color:#141414 !important;}
.lh-600{line-height:60px !important;}
.feature_property .owl-dots{display: none !important;}
.owl-prev-custom, .owl-prev-custom:hover, .owl-next-custom, .owl-next-custom:hover{background: #ffffffd4;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);border-radius: 30px;width: 30px;height: 30px;}
.blog_loop .owl-nav {
    display: none !important;
}
.loop .owl-prev{top: 34%;left: -10px;}
.loop .owl-next{top: 34%;right: -23px;}
.custom-next, .custom-prev{top: 40% !important;padding: 6px 3px !important;}
.custom-next{
    right: -18px !important;
}
.custom-prev{
    left: 2px !important;
    z-index: 2 !important;
}
.c_img{max-width:45%;height: auto;border-radius: 12px;}
.owl-carousel .item {
    padding: 10px;
}
.dev-img {
    width: 100%;
    max-height: 100px;
    object-fit: contain;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    transition: transform 0.3s ease;
}
.agent-img {
	width: 163px;
	height: 185px;
	object-fit: cover;
	border-radius: 12px;
	background-color: #fff;
	margin: 0 auto;
	display: block;
}
.dev-img:hover {
    transform: scale(1.05);
}

/* Prevent item cut-off */
.owl-carousel {
    padding: 0 0px;
    overflow: visible;
    position: relative;
}
.custom-prev:hover,
.custom-next:hover {
    transform: scale(1.0);
}
.top_arrow .custom-next, .top_arrow .custom-prev{top: 0% !important;padding: 3px !important;}
.top_arrow .custom-prev {left: -60px !important;}
.top_arrow .custom-next {right: -8px !important;}
.owl-nav {display: none !important;}
.loop .owl-stage, .loop_pro .owl-stage{
	margin-left: -10px !important;
}
</style>
	<div class="container-xx p-0 bg-white">
		<div class="container pl-0 pr-0 mm-0 m-w-100">
			<div class="section1">
				<div class="row pt-94 pb-56 mpt-56 mpb-0">
					<div class="col-12 col-sm-12 col-md-6 col-xl-6 col-xxl-6 sec1-left pl-0 pr-0 pb-32" id="bg-left">