/* breadcrumbs */
.city-edge-breadcrumbs{
	margin-top:20px!important;
	margin-bottom:20px!important;
	display:flex;
	flex-direction:row;
	align-items:center;
gap:5px;
}
.city-edge-breadcrumbs a{
	color:#00263D!important;
}
	
}
/* Breadcrumb Separator Styling */
/* .city-edge-breadcrumbs a {
    position: relative;
	display:inline-block!important;
    margin: 0 40px!important;
}

.city-edge-breadcrumbs .breadcrumb-separator::after {
    content: "";
    position: absolute;
    top: 60%;
    left: -13px;
    width: 20px;
    height: 1px;
    background-color: #A68543; 
    transform: translateY(-50%);
}
.city-edge-breadcrumbs .breadcrumb-separator::before {
    content: "";
    position: absolute;
    top: 0.1%;
    left: 2px;
    width: 10px;
    height: 1px;
    background-color: #A68543;
    transform: translateY(-50%);
} */
.city-edge-breadcrumbs .main-breadcrumb{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:10px;
}
.city-edge-breadcrumbs .breadcrumb-separator{
	color: #A68543;
}
/* Breadcrumb Back Link with Arrow */
.city-edge-breadcrumbs .breadcrumb-back {
    position: relative;
  /* Space for arrow */
}


.city-edge-breadcrumbs .breadcrumb-back::before {
    content: url("https://mediumorchid-hyena-502932.hostingersite.com/wp-content/uploads/2025/06/→.svg");
 	left:0;
	margin-right:6px;
	width: 8px; /* Adjust based on your SVG */
    height: 8px;
}

/* hero sction */
.project-page .hero-section .main-image .project-featured{
	width:100%;
	height:600px;
	object-fit:cover;
}
.project-page .hero-section .main-image {
    position: relative; /* Required for child overlay */
}

.project-page .hero-section .main-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    pointer-events: none; /* Allows clicks to pass through */
	z-index:20;
}
.project-page .hero-section .main-image .hero-section-content{
	position:absolute;
	top:20px;
	left:0px;
	width:100%!important;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	padding-left:30px;
	padding-right:30px;
	
}

.project-page .hero-section .main-image .hero-section-content h1 , .project-page .hero-section .main-image .hero-section-content h1 a{
	color:white!important;
	font-size:48px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:300;
	font-style:italic;
	line-height:30px;
	margin: 0!important;
}
.project-page .hero-section .main-image .hero-section-content .project-logo{
	width:200px!important;
	z-index:100;
}
/* project info */

.project-details{
	margin-top:30px!important;
}
.project-details .description-title{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.project-details .description-title h2{
	color:#00263D!important;
	font-size:32px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:-2%;
	text-transform:capitalize;
}
.project-details .description-content *{
	text-align:center;
	color:#00263D;
	font-size:18px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:-2%;
}
.project-details .description-content{
	width:90%!important;
	margin-left:auto;
	margin-right:auto;
}

/* first map */

.project-masterplan {
	width:90%!important;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
.project-masterplan .project-masterplan-title{
	color:#A68543!important;
	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:-2%;
	text-transform:capitalize;
}
.project-masterplan .project-masterplan-img{
		width:100%;
	height:500px;
	object-fit:contain;
}

/* project gallery */
.project-gallery-container{
	margin-top:50px;
}

.project-gallery-container .heading-content {
    display: flex;
    flex-direction: column;
}
.project-gallery-container .heading-content .heading-line {
	color:#00263D!important;
 	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:-2%;
	text-transform:capitalize;
    display: flex;
    align-items: center;
    gap: 8px; /* Adjust spacing between "Explore" and heading */
}

.project-gallery-container .heading-content .gallery-heading {
    margin: 0; /* Remove default h2 margins */
    display: inline; /* Keep on same line */
	color:#A68543!important;
 	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:-2%;
	text-transform:capitalize;
}

.project-gallery-container .heading-content .photo-gallery-text {
    margin-top: 8px; /* Space between lines */
    text-align: left; /* Align to start */
	color:#00263D!important;
 	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:-2%;
	text-transform:capitalize;
}
 
/* project gallery */

        .project-gallery-container .gallery-carousel {
		margin-top:20px;
            overflow: visible;
           width:100%;
        }

      .project-gallery-container  .gallery-carousel .swiper-slide {
            width: calc(33.333% - 30px);
            /* 3 slides with gap */
            margin-right: 5px;
            /* Space between slides */
            transition: transform 0.3s ease;
        }

        .project-gallery-container .gallery-carousel .swiper-slide:not(.swiper-slide-active) {
/*             opacity: 0.7;
            /* Non-active slides slightly transparent */ 
        }

       .project-gallery-container .gallery-carousel .swiper-slide .gallery-image {
            width: 100%!important;
            height: 300px!important;
            object-fit: cover;
           
        }

/* surroundings-location  */
.surroundings-location{
	margin-top:50px;
	width:60%!important;
	margin-left:auto;
	margin-right:auto;
}
.surroundings-location .surroundings-location-title{
	color:#00263D!important;
 	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
	text-align:center;
}
.surroundings-location .surroundings-location-title .surroundings-location-title-colored{
	color:#A68543!important;
}
.surroundings-location .surroundings-location-image{
	width:100%;
	height:500px;
	object-fit:cover;
}
/* project-video */

.project-video{
	margin-top:50px;
}
.project-video[poster] {
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* amenities */
 .project-amenities-container{
	margin-top:50px;
	 width:80%;
	 margin-left:auto;
	 margin-right:auto;
}
.project-amenities-container .project-amenities{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.project-amenities-container .project-amenities .amenities-title {
	color:#00263D!important;
 	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
	text-align:center;
}
.project-amenities-container .project-amenities .amenities-title .amenities-title-colored {
		color:#A68543!important;
}
.project-amenities-container .project-amenities .amenities-flex{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.project-amenities-container .project-amenities .amenity-item{
	width: fit-content;
	margin-right: 20px;
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.project-amenities-container .project-amenities .amenity-item .amenity-icon{
	width:20px;
}

/* Units */
.units-main-container{
	margin-top:50px;
}
.units-main-container .units-filter-container{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.units-main-container .units-filter-container span{
	color:#00263D!important;
	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
}
.units-main-container .units-filter-container .units-available-heading{
	
	text-align:center;
}
.units-main-container .units-filter-container .count-number , .units-main-container .units-filter-container .count-text .count-text-colored{
	color:#A68543!important;
	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
	
}
.units-main-container .units-filter-container .unit-type-links .filter-link , .units-main-container .units-filter-container .unit-type-links .filter-separator{
	color:#7C7C7C!important;
	text-decoration:none;
	font-size:20px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
}
.units-main-container .units-filter-container .unit-type-links .filter-separator{
	margin-left:6px;
	margin-right:6px;
}
.unit-type-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.units-main-container .units-filter-container .unit-type-links .filter-link.active{
	color:#00263D!important;
}
/* units section after filter */
.units-main-container .unit-type-section{
	margin-top:20px;
	width:90%;
	margin:0 auto;
}
.units-main-container .unit-type-section .unit-heading{
	color:#00263D!important;
	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
	
}
.units-main-container .unit-type-section .unit-heading .inner-colored{
	color:#A68543!important;
	text-transform:capitalize;
}
.units-main-container .unit-type-section .units-flex{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	gap:10px;
	justify-content:flex-start;
	width:100%;
}
/* .units-main-container .unit-type-section .units-flex .unit-card:nth-of-type(1){
	width:70%;
}
.units-main-container .unit-type-section .units-flex .unit-card:nth-of-type(2){
	width:calc(30% - 10px);
} */
.units-main-container .unit-type-section .units-flex .unit-card{
	width:calc(33.3% - 10px);
	margin-top:20px;
}
.units-main-container .unit-type-section .units-flex .unit-card .unit-image{
	width:100%;
	height:400px!important;
	object-fit:cover;
	border-radius:10px;
}
.units-main-container .unit-type-section .units-flex .unit-card h4{
	color:#302E2D!important;
	font-size:18px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
}
.units-main-container .unit-type-section .units-flex .unit-card .unit-excerpt{
	color:#302E2D!important;
	font-size:12px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
}
.units-main-container .unit-type-section .units-flex .unit-card .unit-area .area-value{
		color:rgba(48, 46, 45, 0.7)!important;
	font-size:10px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
}
.units-main-container .unit-type-section .units-flex .unit-card .unit-area i{
	font-size:6px!important;
}
/* pdf download */
.download-pdf{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	
}
.download-pdf a , .download-pdf a:hover{
	margin-top:30px;
	text-decoration:none;
	padding:12px 25px;
	background-color:#00263D;
	color:#FBFBFB;
font-size:14px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
}

/* constraction progress */
.construction-progress{
	margin-top:50px;
}
.construction-progress .main-heading{
	color:#00263D!important;
	font-size:28px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
}
.construction-progress .main-heading .inner-colored{
	color:#A68543!important;
}

/* years filter */

.process-filter-list{
	margin-top:20px;
	display:flex;
	gap:15px;
}
.process-filter-list .process-year-link{
	color:#A68543!important;
	font-size:14px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:0;
	padding:10px 40px;
	background-color:#FBFBFB!important;
	border: 1px solid #E6E1DC!important;
	border-radius:25px;

}


.process-year-link.active {
    color: #FBFBFB!important;
    background-color: #00263D!important;
	border: 1px solid #A68543!important;
    
}
/* year slider */
.constraction-main-slider {
	margin-top:20px;
	display:flex;
	flex-direction:row;
	gap:60px;
	
}
.constraction-main-slider .current-year{
	color:rgba(166, 133, 67, .16)!important;
font-family: "AeonikTRIAL", Sans-serif;
font-weight: 400;
font-size: 130px;
line-height: 120%;
letter-spacing: 0%;
 writing-mode: vertical-rl; /* Vertical text from right to left */
            transform: rotate(180deg);
}
.constraction-main-slider .gallery-slider-wrapper{
	width:80%;
}
.constraction-main-slider .gallery-slider-wrapper img {
	height:300px!important;
	width:100%;
	border-radius:0;
}
.constraction-main-slider .gallery-slider-wrapper .swiper-button-prev-pro{
	right:50px;
	width:45px!important;

	top:50%;
	position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
left:unset!important;
background-color:white!important;
	padding:8px 14px;
	border-radius:50px;
	border:1px solid #ddd;
}
.constraction-main-slider .gallery-slider-wrapper .swiper-button-prev-pro img.swiper-img{
	height:30px!important;
}
.constraction-main-slider .gallery-slider-wrapper .swiper-button-next-pro{
		right:0px;
	width:45px!important;
	
	top:50%;
	position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
left:unset!important;
background-color:white!important;
	padding:8px 14px;
	border-radius:50px;
	border:1px solid #ddd;
	
}
.constraction-main-slider .gallery-slider-wrapper .swiper-button-next-pro img.swiper-img{
	height:30px!important;
}




/* DESTINATIONS STYLES */

.destination-tab.active a {
    background-color:#00263D!important;
	border: 1px solid #302E2D33!important;
	color:#FBFBFB!important;
}
.description-destination {
	display:flex;
	flex-direction:column;
	width:90%;
	margin-left:auto;
	margin-right:auto
	
}
.description-destination .description-paragraph{
	color:#00263D!important;
	font-size:20px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:-3%;
	text-align:center;
	margin-top:30px;
	margin-bottom:60px
}

/* projects of destinations */


/* This is the wrapper that holds the select and the arrow */
#form-projects-filter .select-wrapper {
  position: relative; /* Crucial for positioning the arrow */
  display: inline-block;
  width: 200px; /* Adjust width as needed */
	margin-top:50px; 
}

/* This styles your specific select element */
#select-projects-filter {
  /* Remove default browser styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* General styling */
  background-color: #ffffff;
  border: 1.5px solid #888888;
  border-radius: 9999px; /* This creates the pill shape */
  color: #002333;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 1.1rem; /* Adjust font size */
  padding: 12px 40px 12px 20px; /* Top, Right, Bottom, Left */
  width: 100%;
}

/* This creates and positions the custom arrow */
#form-projects-filter .select-wrapper::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border: solid #002333;
  border-width: 0px 2px 2px 0;
  pointer-events: none;
}

/* destinations projects */
 .mySwiper {
        width: 100%;
        /* Add some side padding */
    }
    
    .mySwiper .swiper-wrapper {
        display: flex;
    }
    
    /* First visible slide takes 70% */
/*     .mySwiper .swiper-slide:nth- {
        width: 70% !important;
        margin-right: 20px;
        transition: transform 0.3s ease;
    }
     */
    /* Second visible slide takes 30% */
/*     .mySwiper .swiper-slide ~ .swiper-slide {
        width: calc(30% - 20px) !important; 
    } */
    
/* .mySwiper .swiper-slide{
	 width: calc(33% - 20px) !important; 
} */
.mySwiper .swiper-slide:nth-of-type(1){
	width:70%;
}
.mySwiper .swiper-slide:nth-of-type(2){
	width:calc(30% - 10px);
}
.mySwiper .swiper-slide{
	width:calc(33.3% - 10px);
	margin-top:20px;
}
/* slides end */
.mySwiper {
	margin-top:20px;
}

.mySwiper .project-image img{
	height:400px!important;
	object-fit:cover!important;
	width:100%;
}
.mySwiper .project-image {
    position: relative;
    overflow: hidden; /* Ensures the see-more doesn't overflow */
}

.mySwiper .project-image .see-more {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: rgba(217, 217, 217, 0.8); /* Using rgba for transparency */
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(100%); /* Starts hidden below */
    transition: transform 0.5s ease, opacity 0.3s ease;
    opacity: 0; /* Start invisible */
}

.mySwiper .project-card:hover .project-image .see-more {
    transform: translateY(0); /* Slides up to normal position */
    opacity: 1; /* Becomes fully visible */
}

/* Keep your existing link styles */
.mySwiper .project-image .see-more a, 
.mySwiper .project-image .see-more a:hover {
    color: #313131 !important;
    font-size: 16px;
    font-family: "AeonikTRIAL", Sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

.mySwiper .project-content{
	color: #313131 !important;
    font-size: 16px;
    font-family: "AeonikTRIAL", Sans-serif;
    font-weight: 400;
    letter-spacing: 0;
	text-transform:capitalize;
}
.mySwiper .project-description{
	color: #302E2D !important;
    font-size: 12px;
    font-family: "AeonikTRIAL", Sans-serif;
    font-weight: 300;
    letter-spacing: 0;
	
}


/* Container for slider and navigation */
.swiper-container-wrapper {
    position: relative;
    display: flex;
	flex-direction:column;
    align-items: center;
    gap: 15px; /* Space between buttons and slider */
	width:100%;
	margin-top:50px;
}

/* Navigation container */
.swiper-navigation-pro {
    display: flex;
    gap: 10px; /* Space between buttons */
    order: -1;
     width:100%
}

/* Your existing button styles - modified for new position */
.swiper-button-prev-pro{
	   position: absolute;
	/* Changed from absolute */
	left:0!important;
    transform: none; /* Remove any previous transforms */
    margin-top: 0; /* Reset margin */
    width: 45px;
    height: 45px;
    background-color:#D9D9D9 !important;
    padding: 8px 14px;
    border-radius: 50px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.swiper-button-next-pro {
   position: absolute;
	/* Changed from absolute */
	right:0!important;
    transform: none; /* Remove any previous transforms */
    margin-top: 0; /* Reset margin */
    width: 45px;
    height: 45px;
    background-color:#D9D9D9 !important;
    padding: 8px 14px;
    border-radius: 50px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.swiper-button-prev-pro img.swiper-img,
.swiper-button-next-pro img.swiper-img {
    height: 30px !important;
}

/* Slider container adjustments */
.mySwiper {
	margin-top:20px;
    flex-grow: 1;
    width: 100%; /* Account for buttons width */
}


/* filter in the same line */
.filter-title-same-line{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	
}
/* location displayed at home page under project */
.project-location-home a {
    color: #00263D;
    transition: color 0.3s ease; /* Optional: creates a smooth color change on hover */
}

/* This styles the link ONLY when you hover over it */
.project-location-home a:hover {
    color: #A68543;
}

/* units type new version */
.unit-card{
	display:flex;
	flex-direction:row;
	width:100%;
	margin:0 auto;
}
.unit-card .unit-img{
	width:70%;
}
.unit-card .unit-img img{
	width:100%;
	height:400px;
	object-fit:cover;
	border-radius:4px;
}
.unit-card .unit-info{
	width:30%;
	display:flex;
	align-items:center;
}
.unit-card .unit-info ul{
	color:#00263D!important;
	list-style-type:none;
	display:flex;
	flex-direction:column;
	gap:10px;
	width:100%;
}
.unit-card .unit-info ul li{
	color:#00263D!important;
	font-family: "AeonikTRIAL", Sans-serif;
	font-size:18!important;

}
.unit-card .unit-info ul li span{
	color:#00263D!important;
	font-size:18px!important;
	font-family: "AeonikTRIAL", Sans-serif;
}
.unit-card .unit-info ul li .unit-area , .unit-card .unit-info ul li .unit-bedrooms , .unit-card .unit-info ul li .unit-status {
	padding:10px 20px;
	background-color:#D9D9D9CC;
	display:flex;
	align-items:center;
	gap:10px;
	border-radius:4px;
	
}
.unit-card .unit-info ul li .unit-type{
	padding:10px 20px;
	background-color:#00263D;
	display:flex;
	justify-content:center;
	border-radius:4px;
}

.unit-card .unit-info ul li .unit-type *{
	color:white!important;
	font-weight:900;
}
/* project video */
.project-video{
	width:100%!important;
	display:flex;
	justify-content:center;
	align-items:center;
}
.project-video-wrapper{
	height:450px;
	width:60%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.project-video-wrapper video{
	width:100%!important;
	height:100%!important;
	object-fit: cover!important;
}
/* mobile version */
@media screen and (max-width: 768px){
/* 	breadcrumb */
	.city-edge-breadcrumbs{
/* 	margin-top:20px!important;
	margin-bottom:20px!important; */
	display:flex;
	flex-direction:row;
	align-items:flex-start;
gap:5px;
		flex-wrap:wrap;
}
/* hero sction */
	.project-page .hero-section .main-image .project-featured{
		width:100%;
		height:300px!important;
}
	.project-page .hero-section .main-image .hero-section-content{
		
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:flex-start;
		padding-left:10px;
		padding-right:10px;
}

	.project-page .hero-section .main-image .hero-section-content h1 , .project-page .hero-section .main-image .hero-section-content h1 a{
		color:white!important;
		font-size:20px;
		font-family: "AeonikTRIAL", Sans-serif;
		font-weight:300;
		font-style:italic;
		margin:0!important;
}
.project-page .hero-section .main-image .hero-section-content .project-logo{
	width:80px!important;
	z-index:100;
}
/* project info	 */
	.project-details{
		margin-top:20px!important;
	}
.project-details .description-content *{
	text-align:center;
	color:#00263D;
	font-size:14px;
	font-family: "AeonikTRIAL", Sans-serif;
	font-weight:400;
	letter-spacing:-2%;
}
.project-details .description-content{
	width:100%!important;	
	font-size:12px;
}
.project-masterplan {
	width:100%!important;
	margin-top:20px!important;
}
.project-masterplan .project-masterplan-img{
	width:100%;
	height:300px;
	object-fit:cover;
}
/* project gallery	 */
	.project-gallery-container{
		margin-top:20px!important;
	}
	    .project-gallery-container .gallery-carousel .swiper-slide {
                width: 100%;
                /* Single slide on mobile */
                
                /* Center the slide */
            }

          .project-gallery-container  .project-gallery-container {
                
            }
/* surrounding locations	 */
	.surroundings-location{
		width:100%!important;
		margin-top:20px!important;
}
	 .surroundings-location .surroundings-location-image{
	width:100%;
	height:300px;
	object-fit:cover;
}
	.project-video{
		width:100%;
		height:100%;
		margin-top:20px!important;
	}
	.project-video-wrapper{
		width:100%;
		height:100%;
	}
	.project-video-wrapper video{
		width:100%;
		height:100%;
	}
	
/*project-amenities*/
	 .project-amenities-container{
	 width:100%;
	margin-top:20px!important;
	}
	.project-amenities-container .project-amenities{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	
}
	.project-amenities-container .project-amenities .amenities-title {
	text-align:start;
}
	.project-amenities-container .project-amenities .amenities-flex{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
    gap:10px;
}
	.project-amenities-container .project-amenities .amenities-flex .amenity-item{
		margin-top:0!important;
		margin-right:0!important;
	}
/* units	 */
	.units-main-container{
		margin-top:20px!important;
	}
	.units-main-container .unit-heading{
		margin-bottom:0!important;
	}
	.units-main-container .unit-type-section .units-flex .unit-card:nth-of-type(1){
	width:100%;
}
.units-main-container .unit-type-section .units-flex .unit-card:nth-of-type(2){
	width:calc(100%);
}
.units-main-container .unit-type-section .units-flex .unit-card{
	width:calc(100%);
	margin-top:20px;
}
	
/* years slider	 */
	.constraction-main-slider {
	margin-top:20px;
	display:flex;
	flex-direction:column;
	gap:10px;
	
}
	.constraction-main-slider .gallery-slider-wrapper{
	width:100%;
}
.constraction-main-slider .current-year{
	margin-left:auto;
	margin-right:auto;
	color:rgba(166, 133, 67, .16)!important;
font-family: "AeonikTRIAL", Sans-serif;
font-weight: 400;
font-size: 150px;
line-height: unset;
letter-spacing: 0%;
 writing-mode: unset;
            transform: unset;
}
	/* DESTINATIONS STYLES */
	.destination-title-large .destination-title{
		font-size:24px!important;
	}
	.destination-title{
		text-align:center!important;
	}
/* 	.destination-tabs{
		display:flex!important;
		flex-direction:row!important;
		flex-wrap:nowrap!important;
/* 	 justify-content:space-between!important; */
/* 		align-items:center!important; 
		gap:20px!important; 
		width: 300%;
overflow-x: auto;
overflow-y: hidden;
height: 100px;
 
		
	}
	.destination-tab{
		margin-top:10px!important;
	} */
.destination-tabs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px 0;
  -webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
	scrollbar-width: none; 
}
.destination-tabs::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}
.destination-tab {
  flex: 0 0 auto;
}

.destination-tab a {
  display: inline-block;
  
  text-decoration: none;
  white-space: nowrap;
	font-size:18px!important;
}

/* description and map	 */
	.description-destination {
	display:flex;
	flex-direction:column;
	width:100%;	
}
	.description-destination .description-paragraph{
		font-size:12px!important;
		text-align:center!important;
		margin-bottom:20px!important;
		margin-top:0!important;
		line-height:25px!important;
	}
	 .projects-container .destination-title {
		
		font-size:22px!important;
	}
	.projects-container .projects-title-destination{
		font-size:24px!important;
	}
/* filter projects of destinations 	 */
	
	#form-projects-filter .select-wrapper {
  position: relative; /* Crucial for positioning the arrow */
  display: inline-block;
  width: 200px; /* Adjust width as needed */
	margin-top:30px;
}
	
/* 	slider projects inside destinations */
	.mySwiper .swiper-slide:nth-of-type(1){
	width:100%;
}
.mySwiper .swiper-slide:nth-of-type(2){
	width:calc(100%);
}
.mySwiper .swiper-slide{
	width:calc(100%);
	margin-top:20px;
}
/* filter type same line	 */
	.filter-title-same-line{
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:flex-start;
		
	}
/* single project arrows	 */
	.constraction-main-slider .gallery-slider-wrapper .swiper-button-next-pro{
		right:10px!important;
	}
	.constraction-main-slider .gallery-slider-wrapper .swiper-button-prev-pro{
		left:10px!important;
	}
	/* units type new version */
.units-main-container .unit-type-section{
		width:100%;
	display:flex;
	flex-direction:column;
	gap:35px;
}
.unit-card{
	display:flex;
	flex-direction:column;
}
.unit-card .unit-img{
	width:100%;
}
.unit-card .unit-img img{
	width:100%;
	height:350px;
	object-fit:cover;
	border-radius:4px;
}
.unit-card .unit-info{
	width:100%;
}
	.unit-card .unit-info ul{
		padding:0px!important;
	}
	.current-year{
		display:none;
	}
/* 	project mobile */
	.city-edge-breadcrumbs .main-breadcrumb{
		display:flex;
		align-items:center;
		gap:5px;
	}
	.city-edge-breadcrumbs .breadcrumb-separator , .city-edge-breadcrumbs .breadcrumb-current{
		font-size:12px!important;
	}
	.project-details .description-title{
		justify-content:flex-start;
	}
	.project-details .description-title h2{
		font-size:24px!important;
	}
	.project-masterplan .project-masterplan-title{
		font-size:24px;
	}
	.project-gallery-container .heading-content .heading-line{
		font-size:24px;
	}
	.project-gallery-container .heading-content .gallery-heading {
		font-size:24px;
	}

	.project-gallery-container .heading-content .photo-gallery-text{
		font-size:24px;
	}
	.surroundings-location .surroundings-location-title{
		font-size:24px;
	}
	.surroundings-location .surroundings-location-title .surroundings-location-title-colored{
		font-size:24px;
	}
	.project-amenities-container .project-amenities .amenities-title{
		font-size:24px;
	}
	.project-amenities-container .project-amenities .amenities-title .amenities-title-colored{
		font-size:24px;
	}
	.project-amenities-container .project-amenities .amenities-flex .amenity-item .amenity-name{
		font-size:12px;
	}
	.project-amenities-container .project-amenities .amenity-item .amenity-icon{
		width:12px
	}
	.units-main-container .units-filter-container .units-available-heading{
		margin:5px 0!important;
	}
	.units-main-container .units-filter-container .units-available-heading span{
		font-size:24px;
	}
	.units-main-container .units-filter-container .count-text .count-text-colored{
		font-size:24px;
	}
	.units-main-container .units-filter-container .unit-type-links .filter-link{
		font-size:18px;
	}
	.units-main-container .unit-type-section .unit-heading{
		font-size:18px;
		text-align:center;
	}
	.units-main-container .unit-type-section .unit-heading .inner-colored{
		font-size:18px;
	}
	.unit-card .unit-info ul li span{
		font-size:12px!important;
	}
	.construction-progress .main-heading{
		font-size:24px;
	}
	.construction-progress .main-heading .inner-colored{
		font-size:24px;
	}
}