.slick-lightbox{z-index:10000;}
.content-gallery {position:relative; display:block; width:100%; margin:0px auto 50px;}
.content-title {display:block; margin-bottom:40px; font-size:25px; line-height:27px;}
.slick-slider {margin:0 -8px;}
.slick-slide {text-align:center; margin:8px;}
.slick-track {display:flex; align-items:center;}
#amenities .slick-prev, #amenities .slick-next {z-index:999;}
#amenities .slick-next {right:0;}
#amenities .slick-prev {left:0;}
.amenities-arrow, .gallery-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    font-size: 14px;
    background: var(--btn-gradient, #000);
    color: #fff;
    z-index: 10;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.amenities-arrow i, .gallery-arrow i {color:#fff; font-size:14px;}
.amenities-arrow:hover, .gallery-arrow:hover {transform:scale(1.1); box-shadow:0 6px 16px rgba(0,0,0,0.4);}
.amenities-arrow {position:absolute; top:50%; transform:translateY(-50%);}
.amenities-arrow:hover {transform:translateY(-50%) scale(1.1);}
.amenities-arrow.mod-prev {left:0;}
.amenities-arrow.mod-next {right:0;}
.gallery {position:relative; display:block; width:100%; height:auto; margin:auto; border-radius:4px;}
.gallery .slick-list {overflow:hidden;}
.gallery .slick-slide {outline:none !important;}
.gallery-arrow {position:absolute; bottom:-70px; transform:translateY(-50%);}
.gallery-arrow:hover {transform:translateY(-50%) scale(1.1);}
.gallery-arrow.mod-prev {left:45%;}
.gallery-arrow.mod-next {right:45%;}
.gallery-item {position:relative; float:left; vertical-align:middle; text-align:center;}
/* Gallery cards — same square-image-over-caption-plate treatment as the
   .amenity-card grid, kept inside the slick carousel so the gallery still
   slides (unlike Amenities, which moved to a static grid). */
.gallery-card {display:inline-block; width:100%; max-width:280px; margin:0 auto; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,0.12); cursor:pointer; text-align:left;}
.gallery-img-holder {position:relative; overflow:hidden;}
.gallery-img-holder:before {content:'Artistic Impression'; position:absolute; bottom:10px; right:10px; background:rgba(0,0,0,0.55); color:#fff; font-size:11px; letter-spacing:0.3px; padding:4px 10px; border-radius:20px;}
.gallery-img {width:100%; height:100%; object-fit:cover; aspect-ratio:1/1; display:block; transition:transform 0.4s ease;}
.gallery-card:hover .gallery-img {transform:scale(1.06);}
.gallery-card figcaption {padding:16px; display:flex; flex-direction:column; gap:2px;}
.gallery-card figcaption strong {color:var(--Primary-color); font-size:13.6px; font-weight:700; text-transform:uppercase; letter-spacing:0.02em;}
.gallery-card figcaption span {color:var(--button-color); font-size:12px;}
#slick1 .slick-slide img {width:100%; height:auto;}
.slick-lightbox .slick-arrow {z-index:10;}
.slick-lightbox-close {width:auto; height:auto;}
.slick-lightbox .slick-prev {left:5%;}
.slick-lightbox .slick-next {right:5%;}
.slick-prev:before, .slick-next:before {font-size:25px;}
.slick-lightbox-close:before {font-size:50px;}

@media only screen and (max-width: 1025px) {
.gallery-arrow.mod-prev {left:-3%;}
.gallery-arrow.mod-next {right:-3%;}
.gallery-arrow {bottom:50%; transform:translateY(50%);}
}

@media only screen and (max-width: 600px) {
.gallery, .gallery-img {height:auto}
/*.amenities-arrow{line-height: 40px;}*/
/*.gallery-arrow{line-height: 40px;}*/
}