*{
font-family:"Montserrat" !important;
}
.w-1000{
max-width:1100px;
}
.w-900{
max-width:900px;
}
.fs-10{
font-size:10px;
}
.title-head{
color: #1F2933;
font-size: 28px; 
font-weight: 400; 
}
.border-bottomline{
border:1px solid #EDE7DF !important;
max-width:600px;
}
.bg-brown{
background: var(--collection-bgcolor);
}
.bg-beige{
color:#6d635d;
}
.header , .footer , .scroll-top , .scroll-top:hover{
background-color: var(--collection-jetblack);
}
.hero .carousel-item {
height: 80vh !important;
}
.hero {
position: relative;
padding-bottom: 0 !important;
}
.hero .carousel-item .carousel-caption h1{
font-size:34px !important;
font-weight:600;
}
.hero .carousel-item .carousel-caption p{
font-size:26px;
}
.hero .search-form {
margin-top: 0;
margin-bottom: 0;
background: var(--background-color);
padding: 18px 20px 10px 20px;;
border-radius: 0;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
z-index: 99;
position: relative;
transform: translateY(-50%);
}
.hero .search-form input{
border:1px solid #ddd;
border-radius:3px;
}
.hero .search-form button , .hero .search-form button:hover {
background-color: var(--collection-jetblack);
color: var(--background-color);
font-weight:400;
}
.hero .search-form .guestbtn, .hero .search-form .guestbtn:hover{
color:#000 !important;
background:#FBFAF7 !important;
}
@media (max-width: 1199px) {
.navmenu a i, .navmenu a:focus i , .navmenu .active i, .navmenu .active:focus i{
background-color: color-mix(in srgb, var(--collection-jetblack), transparent 90%) !important;
}

}
@media (max-width: 998px) {
.navmenu a, .navmenu button, .navmenu a:focus, .navmenu button:focus {
color: var(--nav-color) !important;
}
}

/* Services Section CSS */
.service-card {
transition: all 0.3s ease;
cursor: pointer;
background-color: transparent;
position: relative;
z-index: 1;
margin:12px;
}
.service-card {
background-color: #FBFAF7 !important;
z-index: 10;
} 
.service-card:hover {
box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.6);
}
.service-card:hover {
background-color: #EDE7DF !important;
}
.service-card  h4 {
font-size: 1.2rem;
font-weight:300;
}
.service-card  p {
font-size: 0.875rem;
}
.service-card:hover p {
color: #000000 !important;
}

/* Collection Section CSS */
.collection-section .travel-card {
position: relative;
overflow: hidden;
height: 350px;
}
.collection-section .travel-card:hover {
box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.6);
}
.collection-section .travel-card img {
height: 100%;
object-fit: cover;
}
.collection-section .card-img-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
transition: all 0.4s ease-in-out;
border-radius: 0 !important;
}
.collection-section .hover-details {
max-height: 0;
opacity: 0;
transform: translateY(20px);
transition: all 0.4s ease-in-out;
overflow: hidden;
}
.collection-section .travel-card:hover .hover-details {
max-height: 100px;
opacity: 1;
transform: translateY(0);
}
.collection-section .travel-card:hover .card-img-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.collection-section .vacation-carousel a {
text-decoration: none;
display: block;
}
.collection-section .travel-card .wishlist-btn {
background: rgba(0, 0, 0, 0.3); /* Subtle dark circle */
border: none;
color: white;
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
cursor: pointer;
backdrop-filter: blur(4px); /* Modern frosted effect */
}
.collection-section .travel-card .wishlist-btn:hover {
background: #fff;
color: #ee7624; /* Heart turns red on hover */
transform: scale(1.1);
}
.collection-section .btn-see-all{
background-color: var(--collection-jetblack);
color: var(--background-color);
font-weight: 400;
border: none;
border-radius:3px;
font-size: 1rem;
padding:10px 60px;
}
.collection-section .nav-btn {
width: 35px;
height: 35px;
border: 1px solid #dacebe;
background: none;
border-radius: 50%;
color: #dacebe;
display: grid;
place-items: center;
}
.collection-section .nav-btn i{
color:#dacebe;
}
.collection-section .see-more , .collection-section .see-more:hover {
color: #7a7063;
font-size: 1.1rem;
font-weight: 300;
}
/* Scoped styles using .collection-section */
@media (min-width: 992px) {
.collection-section .filter-sidebar {
width: 20% !important;
height: 100vh;
position: sticky;
top: 0;
overflow-y: auto;
z-index: 10;
border:1px solid #EDE7DF !important;
}
.collection-section .content-area {
width: 80% !important;
height: 100vh;
overflow-y: auto;
}
}
.collection-section .filtermob{
border-color: #EDE7DF;
color: #D6C9B9;
font-weight: 400;
/* border: none; */
border-radius: 3px;
font-size: 1rem;
padding: 10px 30px;
}
.collection-section .btn-filter-pill , .collection-section .btn-filter-pill:hover {
font-size: 0.75rem;
border-radius: 3px;
margin-bottom: 5px;
padding:2px 4px;
border-color: #8E7D76;
color: #8E7D76;
}
.collection-section .btn-filter-pill.active {
font-size: 0.75rem;
border-radius: 3px;
margin-bottom: 5px;
padding:2px 4px;
background-color: #ede7df !important;
border-color: #8E7D76;
color: #8E7D76;
}
.collection-section h5{
font-size: 14px;
color:#8E7D76;
}
.collection-section .accordion-button{
color:#8E7D76;
font-size:12px;
border-bottom:1px solid #EDE7DF !important;
}
.collection-section .accordion-button:not(.collapsed) {
background-color: transparent;
color: inherit;
box-shadow: none;
}
.collection-section .filter-sidebar::-webkit-scrollbar , .collection-section .content-area::-webkit-scrollbar{
display: none;
}
.collection-section .accordion-button::after{
background-size:0.875rem;
}
/* Property Management Section CSS */
.property-management-section .custom-bg-light { 
background-color: #FAF9F6; 
}
.property-management-section .custom-bg-dark { 
background-color: #D6C9B9; 
}
.property-management-section .card:hover {
background-color: #D6C9B9;
box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.6);
position: relative;
z-index: 10;
}
.property-management-section .custom-carousel .owl-dots { 
margin-top: 50px !important; 
}
.property-management-section .owl-carousel-pm {
padding-top: 50px;
padding-bottom: 50px;
}
.property-management-section .owl-carousel-pm .owl-stage-outer {
padding: 50px 0; 
margin: -50px 0;
}
.property-management-section .owl-carousel .owl-dots {
display: block !important;
text-align: center;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 99;
margin-top: 40px !important;
}
.property-management-section .owl-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
transition: all 0.3s ease;
border-radius: 30px;
}
.property-management-section .owl-carousel .owl-dots .owl-dot.active span {
background: #EDE7DF !important;
width: 12px;
height: 12px;
border-radius: 30px;
transform: 0;
}
.property-management-section .owl-carousel .owl-item {
height:400px;
}
.property-management-section .owl-carousel .owl-item img {
width: 50px;
}
.property-management-section .owl-stage { 
display: flex; 
}
.property-management-section .item { 
height: 100%; 
display: flex; 
flex-direction: column; 
}
.property-management-section .card { 
flex: 1; 
border-radius: 0; 
height:400px !important;
}
.property-management-section .border-bottomline {
border-bottom: 1px solid #E5E5E5;
}
.property-management-section h5{
font-size:1.25rem;
font-weight:300;
min-height:50px;
}
.property-management-section p{
font-size:0.875rem;
}
.pm-services .nav-pills .nav-link { 
border: 1px solid #ccc; 
color: #8E7D76; 
border-radius: 50px; 
margin: 2px 10px; 
padding: 8px 30px; 
}
.pm-services .nav-pills .nav-link.active { 
background-color: #ede7df; 
border-color: #8E7D76; 
color: #8E7D76; 
}
.pm-services .btn-find-out{
border: 1px solid #ccc;color: #8E7D76;border-radius: 50px;margin: 0 10px;padding: 8px 30px;
}
.oops-similar-property-cts{
    border: 1px solid #ccc;color: #8E7D76;border-radius: 50px;margin: 0 10px;padding: 8px 30px;
}
.oops-similar-property-cts:hover{
    border-color: #ccc !important;
}

.pm-services .marquee-wrapper {
overflow: hidden;
position: relative;
width: 100%;
}
.pm-services .marquee-track {
display: flex;
width: calc(250px * 7);
animation: scroll 30s linear infinite;
}
.pm-services .marquee-track:hover {
animation-play-state: paused;
}
.pm-services .marquee-wrapper .marquee-track .logo-card {
width: 180px; 
height: 90px;
flex-shrink: 0; 
margin-right: 20px;
background: #fff;
border: 1px solid #eee;
display: flex;
align-items: center;
justify-content: center;
}
.pm-services .marquee-wrapper .marquee-track .logo-card  .border-active {
border: 1px solid #999;
}
.pm-services .marquee-wrapper .marquee-track .logo-card  img {
max-width: 100%;
max-height: 50px;
filter: grayscale(100%);
opacity: 0.7;
}
.pm-services .marquee-wrapper .marquee-track .logo-card:hover img{
filter: grayscale(0%);
}
/* Animation */
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-1350px); }
}
.pm-services .card-title {
color: #888;
font-weight: 300;
letter-spacing: 2px;
margin-bottom: 26px;
font-size: 1.25rem;
text-align: left;
}
.pm-services .card-title  .item {
position: relative;
overflow: hidden;
}
.pm-services  .custom-carousel-concierge1 .item img , .pm-services  .custom-carousel-concierge2 .item img , .pm-services  .custom-carousel-concierge3 .item img , .pm-services  .custom-carousel-concierge4 .item img ,.pm-services  .custom-carousel-concierge5 .item img {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
}
.pm-services   .overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
display: flex;
align-items: flex-end;
padding: 25px;
}
.pm-services   .overlay h3 {
color: #fff;
font-size: 1.25rem;
font-weight: 500;
margin: 0;
}
.pm-services .custom-nav {
margin: 20px 0;
}
.pm-services .custom-nav {
margin-top: 30px;
display: flex;        
justify-content: flex-start;
gap: 15px;     
}
.pm-services .custom-nav button {
background: #fff;
border: 1px solid #dacebe;
color:#dacebe;
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
outline: none;
}
.pm-services .custom-nav button span {
font-size: 24px;
color: #dacebe;
font-weight: 300;
line-height: 1;
}
.pm-services .custom-nav button:hover {
border-color: #dacebe;
}
.pm-services .custom-nav button:hover span {
color: #dacebe;
}
.pm-services .btn-custom-beige , .pm-services .btn-custom-beige :hover{
background:#6d635d;
}

.collection-section .amenity-icon {
width: 18px !important;  
height: 18px !important;
object-fit: contain;
margin-right: 6px;
filter: brightness(0) invert(1);
}

.collection-section .specs span {
display: inline-flex;
align-items: center;
}
.collection-section .travel-card {
position: relative;
overflow: hidden;
height: 350px;
}