<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.pagination{
    margin-top: 25px;
}
 
/* Carousel Wrapper */
.developers-carousel-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 10px 0;
}

/* Carousel Container */
.developers-carousel-container {
    width: 95%; /* Adjust container width */
    overflow: hidden; /* Hide overflowing items */
    position: relative;
    display: flex;
    direction: ltr;
    padding: 10px;
}

/* Hide scrollbar */
.developers-carousel-container::-webkit-scrollbar {
    display: none;
}

.developers-carousel-track {
    display: flex;
    gap: 35px;
    transition: transform 0.5s ease-in-out;
    width: max-content; /* Ensures the track expands based on items */
}

/* Individual Carousel Item */
.developers-carousel-item {
    padding: 20px;
       min-width: 220px;
    max-width: 220px;
    align-content: center;
    margin: 20px 0;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 29%);
    transition: transform 0.3s ease-in-out;
    scroll-snap-align: center;
}

.developers-carousel-item:hover {
    transform: scale(1.05);
}

/* Developer Images */
.developers-carousel-image {
    width: 100%;
     border-radius: 8px;
}

/* Developer Name */
.developer-name {
    font-weight: bold;
    color: #333;
    padding: 2px;
    font-size: 15px;
}

/* Left &amp; Right Navigation Buttons */
.developers-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #f15323c7; /* Semi-transparent background */
    color: #fff;
    border: none;
    padding: 12px;
    font-size: 28px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.developers-carousel-btn.left-btn { left: 5px; display: none;}
.developers-carousel-btn.right-btn { right: 5px; display: none; }

.developers-carousel-btn i {
    font-size: 28px;
}

/* Hover Effect */
.developers-carousel-btn:hover {
    background:#f15323; /* Darker red on hover */
    transform: translateY(-50%) scale(1.1);
}
 /* Shared Base Styles for Dots */
.carousel-dot,
.developers-carousel-dot,
.rental-carousel-dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 4px;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.3s; 
    
}

/* Active Dot */
.carousel-dot.active,
.developers-carousel-dot.active,
.rental-carousel-dot.active {
    background-color: #f15323;
}

/* Unified Dot Container Behavior */
.developers-carousel-dots,
.rental-carousel-dots,
.newcompound-carousel-dots {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to multiple lines */
    justify-content: center;
     max-width: 200px; /* Adjust based on your carousel width */
    margin: 10px auto; /* Centering */
    direction: ltr;
    overflow-x: auto;          /* âœ… Allow scroll if too many dots */
    max-width: 75%;
    gap: 6px;
    padding: 10px 0;
    scrollbar-width: none;     /* Firefox */
    -ms-overflow-style: none;  /* IE */
 
}

.developers-carousel-dots::-webkit-scrollbar,
.rental-carousel-dots::-webkit-scrollbar,
.newcompound-carousel-dots::-webkit-scrollbar {
    display: none;             /* Chrome/Safari */
}



/* Style the Load More Button */
.load-more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 29%);
    transition: transform 0.3s ease-in-out;
    scroll-snap-align: center;
}

.load-more-btn:hover {
    transform: scale(1.05);
}

/* Style Button Icon */
.load-more-button {
    background: #f15323;
    color: #fff;
    border: none;
    padding: 6px 12px;
    font-size: 24px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.load-more-button:hover {
    background: #e0451b;
}



/* Carousel Wrapper */
.newcompound-carousel-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 10px 0;
}

/* Carousel Container */
.newcompound-carousel-container {
    width: 95%; /* Adjust container width */
    overflow: hidden; /* Hide overflowing items */
    position: relative;
    display: flex;
        padding-bottom: 17px;
        direction: ltr;
        padding: 10px;
}

/* Hide scrollbar */
.newcompound-carousel-container::-webkit-scrollbar {
    display: none;
}

.newcompound-carousel-track {
    display: flex;
    gap: 15px;
    transition: transform 0.5s ease-in-out;
    width: max-content; /* Ensures the track expands based on items */
}


/* Individual Carousel Item */
.newcompound-carousel-item {
    padding: 20px;
    min-width: 410px;
    max-width: 420px;
    height: 570px;
    align-content: center;
    margin: 20px 0;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 29%);
    transition: transform 0.3s ease-in-out;
    scroll-snap-align: center;
}

.newcompound-carousel-item:hover {
    transform: scale(1.05);
}

/* Project Images */
.carousel-project-image {
    height: 251px;
    border-radius: 8px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 6px #f5f5f5;
    padding: 6px;
}

 
/* Left &amp; Right Navigation Buttons */
.newcompound-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #f15323c7; /* Semi-transparent background */
    color: #fff;
    border: none;
    padding: 12px;
    font-size: 28px; /* Larger font size for better visibility */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
}

.newcompound-carousel-btn.left-btn { left: 5px; display: none;}
.newcompound-carousel-btn.right-btn { right: 5px; display: none;}

.newcompound-carousel-btn i {
    font-size: 28px; /* Adjust icon size */
}

/* Hover Effect */
.newcompound-carousel-btn:hover {
    background:#f15323; /* Darker red on hover */
    transform: translateY(-50%) scale(1.1); /* Slight zoom effect */
}


.property-details li {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #444;
}

.detailsicons {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}


/* Rental Carousel Wrapper */
.rental-carousel-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 10px 0;
}

/* Rental Carousel Container */
.rental-carousel-container {
    width: 95%;
    overflow: hidden;
    position: relative;
    display: flex;
    width: calc(100% - 10px); /* Adjust based on gap */
    padding-bottom: 17px;
    direction: ltr;
    padding: 10px;
}

/* Hide scrollbar */
.rental-carousel-container::-webkit-scrollbar {
    display: none;
}

.rental-carousel-track {
    display: flex;
    gap: 50px;
    transition: transform 0.5s ease-in-out;
    width: max-content;
}
 
.rental-carousel-item {
    padding: 20px;
    min-width: 320px;
    max-width: 320px;
    height: 491px;
    align-content: center;
    margin: 20px 0;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow:0px 2px 10px rgb(0 0 0 / 29%);
    transition: transform 0.3s ease-in-out;
    scroll-snap-align: center;
}

.rental-carousel-item:hover {
    transform: scale(1.05);
}

/* Rental Images */
.carousel-rental-image {
    height: 251px;
    border-radius: 8px;
    width: 100%;
     object-fit: cover;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 6px #f5f5f5;
    padding: 6px;
}

/* Property Details */
.details-sec h4 {
    font-weight: bold;
    color: #333;
    padding: 8px;
    font-size: 14px;
    display: block;
    text-align: center; 
}

/* Left &amp; Right Navigation Buttons */
.rental-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #f15323c7;
    color: #fff;
    border: none;
    padding: 12px;
    font-size: 28px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 29%);
}

.rental-carousel-btn.left-btn { left: 5px; display: none;}
.rental-carousel-btn.right-btn { right: 5px; display: none;}

.rental-carousel-btn:hover {
    background: #f15323;
    transform: translateY(-50%) scale(1.1);
}



/* Heart Icon Styling */
.newPropertyFavorite {
    color: #e74c3c; /* Red heart */
    transition: transform 0.2s ease-in-out;
}

.newPropertyFavorite:hover {
    transform: scale(1.1);
    color: #c0392b; /* Darker red */
    cursor: pointer;
}

/* Optional: remove native scroll snap from mobile, handled via JS */
@media (min-width: 326px) and (max-width: 468px) {  
      .footer-links{
text-align: center!important;
    }
    .rental-carousel-container,
    .newcompound-carousel-container,
    .developers-carousel-container {
        overflow-x: hidden !important;
        scroll-snap-type: none !important;
    }

    .rental-carousel-item,
    .newcompound-carousel-item  {
        min-width: 330px;
        max-width: 340px;
        width: 100%;
        flex: 0 0 100%;
        box-sizing: border-box;
    }
 
    .developers-carousel-item {
   min-width: 160px;
        max-width: 160px;
        height: 255px;
        width: 100%;
        flex: 0 0 100%;
        box-sizing: border-box;
        padding: 6px;
    }
}
 
 
 /* Optional: remove native scroll snap from mobile, handled via JS */
@media (min-width: 241px) and (max-width: 325px) {
        .footer-links{
        text-align: center!important;
    }
    .rental-carousel-container,
    .newcompound-carousel-container,
    .developers-carousel-container {
        overflow-x: hidden !important;
        scroll-snap-type: none !important;
    }

    .rental-carousel-item,
    .newcompound-carousel-item  {
        min-width: 260px;
        max-width: 290px;
        width: 100%;
        flex: 0 0 100%;
        box-sizing: border-box;
    }
 
    .developers-carousel-item {
   min-width: 160px;
        max-width: 160px;
      height: 225px;
        width: 100%;
        flex: 0 0 100%;
        box-sizing: border-box;
        padding: 6px;
    }
}
 </pre></body></html>