.listing_main_image.header_masonry .col-md-6, 

.listing_main_image.header_masonry .col-md-3, 

#property_unit_carousel_68e7b761c7d8a, 

.carousel.property_unit_carousel { 

    display: none !important; 

} 

 

/* New Slider Styles */ 

.listing_main_image.header_masonry { 

    position: relative; 

    width: 100%; 

    height: 400px; 

    overflow: hidden; 
   border-radius: 0px !important;

    background: #000; 

} 

 

.new-slider-wrapper { 

    display: flex; 

    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); 

    height: 100%; 

    width: 100%; 

} 

 

.new-slide { 

    min-width: 100%; 

    height: 100%; 

    position: relative; 

    background-size: cover; 

    background-position: center; 

} 

 

.new-slide-overlay { 

    position: absolute; 

    bottom: 0; 

    left: 0; 

    right: 0; 

    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%); 

    padding: 30px; 

    color: white; 

    opacity: 0; 

    transition: opacity 0.3s ease; 
	display:none;

} 

 



 

.new-slide-title { 

    font-size: 24px; 

    font-weight: bold; 

    margin-bottom: 5px; 

} 

 

/* Navigation Arrows */ 

.new-slider-arrow { 

    position: absolute; 

    top: 50%; 

    transform: translateY(-50%); 

    background: rgba(255, 255, 255, 0.9); 

    border: none; 

    width: 50px; 

    height: 50px; 

    border-radius: 50%; 

    cursor: pointer; 

    font-size: 24px; 

    color: #333; 

    transition: all 0.3s ease; 

    z-index: 100; 

    display: flex; 

    align-items: center; 

    justify-content: center; 

    box-shadow: 0 4px 15px rgba(0,0,0,0.2); 

} 

 

.new-slider-arrow:hover { 

    background: #fff; 

    transform: translateY(-50%) scale(1.1); 

    box-shadow: 0 6px 20px rgba(0,0,0,0.3); 

} 

 

.new-slider-arrow.prev { 

    left: 20px; 

} 

 

.new-slider-arrow.next { 

    right: 20px; 

} 

 

/* Counter */ 

.new-slide-counter { 

    position: absolute; 

    top: 20px; 

    right: 20px; 

    background: rgba(0, 0, 0, 0.7); 

    color: white; 

    padding: 10px 20px; 

    border-radius: 25px; 

    font-size: 15px; 

    font-weight: 600; 

    z-index: 100; 

    backdrop-filter: blur(10px); 
	display:none;

} 

 

/* Indicators */ 

.new-slider-indicators { 

    position: absolute; 

    bottom: 30px; 

    left: 50%; 

    transform: translateX(-50%); 

    display: flex; 

    gap: 10px; 

    z-index: 100; 

} 

 

.new-slider-dot { 

    width: 10px; 

    height: 10px; 

    border-radius: 50%; 

    background: rgba(255, 255, 255, 0.5); 

    cursor: pointer; 

    transition: all 0.3s ease; 

    border: 2px solid transparent; 

} 

 

.new-slider-dot:hover { 

    background: rgba(255, 255, 255, 0.8); 

    transform: scale(1.2); 

} 

 

.new-slider-dot.active { 

    background: #fff; 

    width: 35px; 

    border-radius: 5px; 

} 

 

/* Fullscreen Button */ 

.new-fullscreen-btn { 

    position: absolute; 

    top: 20px; 

    left: 20px; 

    background: rgba(0, 0, 0, 0.7); 

    color: white; 

    border: none; 

    padding: 10px 16px; 

    border-radius: 8px; 

    cursor: pointer; 

    font-size: 14px; 

    z-index: 100; 

    transition: all 0.3s ease; 

    backdrop-filter: blur(10px); 
display:none;
} 

 

.new-fullscreen-btn:hover { 

    background: rgba(0, 0, 0, 0.9); 

    transform: scale(1.05); 

} 

 

/* Thumbnails */ 

.new-slider-thumbnails { 

    display: flex; 

    gap: 12px; 

    padding: 20px 0; 

    overflow-x: auto; 

    scroll-behavior: smooth; 

} 

 

.new-slider-thumbnails::-webkit-scrollbar { 

    height: 8px; 

} 

 

.new-slider-thumbnails::-webkit-scrollbar-track { 

    background: #f1f1f1; 

    border-radius: 10px; 

} 

 

.new-slider-thumbnails::-webkit-scrollbar-thumb { 

    background: #888; 

    border-radius: 10px; 

} 

 

.new-slider-thumbnails::-webkit-scrollbar-thumb:hover { 

    background: #555; 

} 

 

.new-slider-thumbnail { 

    min-width: 120px; 

    height: 80px; 

    border-radius: 10px; 

    overflow: hidden; 

    cursor: pointer; 

    border: 3px solid transparent; 

    transition: all 0.3s ease; 

    background-size: cover; 

    background-position: center; 

    position: relative; 

} 

 

.new-slider-thumbnail::after { 

    content: ''; 

    position: absolute; 

    inset: 0; 

    background: rgba(0,0,0,0.3); 

    transition: opacity 0.3s ease; 

} 

 

.new-slider-thumbnail:hover::after { 

    opacity: 0; 

} 

 

.new-slider-thumbnail:hover { 

    transform: translateY(-5px); 

    box-shadow: 0 8px 20px rgba(0,0,0,0.3); 

} 

 

.new-slider-thumbnail.active { 

    border-color: #007bff; 

    transform: translateY(-5px); 

} 

 

.new-slider-thumbnail.active::after { 

    opacity: 0; 

} 

 

/* Loading State */ 

.new-slider-loading { 

    position: absolute; 

    top: 50%; 

    left: 50%; 

    transform: translate(-50%, -50%); 

    color: white; 

    font-size: 18px; 

    z-index: 50; 

} 

 

/* Responsive */ 

@media (max-width: 768px) { 

    .listing_main_image.header_masonry { 

        height: 400px; 

    } 

     

    .new-slider-arrow { 

        width: 40px; 

        height: 40px; 

        font-size: 20px; 

    } 

     

    .new-slider-arrow.prev { 

        left: 10px; 

    } 

     

    .new-slider-arrow.next { 

        right: 10px; 

    } 

     

    .new-slide-overlay { 

        padding: 20px; 

    } 

     

    .new-slide-title { 

        font-size: 18px; 

    } 

     

    .new-slider-thumbnail { 

        min-width: 90px; 

        height: 65px; 

    } 

} 

 

@media (max-width: 480px) { 

    .listing_main_image.header_masonry { 

        height: 300px; 

    } 

     

    .new-slide-counter, 

    .new-fullscreen-btn { 

        font-size: 12px; 

        padding: 8px 12px; 
		display: none;

    } 

     

    .new-slider-indicators { 

        bottom: 15px; 

    } 

     

    .new-slider-dot { 

        width: 8px; 

        height: 8px; 

    } 

     

    .new-slider-dot.active { 

        width: 25px; 

    } 

}