.photo_gallery_slide,
.happening_gallery_slide,
.facility_gallery_slide {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 200px;
  gap: 20px;
}

.photo_gallery_slide img,
.happening_gallery_slide img,
.facility_gallery_slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Individual positioning (customized layout similar to your collage) */
.photo_gallery_slide .item1 { grid-column: span 1; grid-row: span 2; } /* Top-left, big one */
.photo_gallery_slide .item2 { grid-column: 2; grid-row: span 2; }
.photo_gallery_slide .item3 { grid-column: 3; grid-row: span 3; }
.photo_gallery_slide .item4 { grid-column: span 1; grid-row: span 2; }
.photo_gallery_slide .item5 { grid-column: span 1; grid-row: span 2; }
.photo_gallery_slide .item6 { grid-column: span 1; grid-row: span 1; }

.happening_gallery_slide .item1 { grid-column: span 1; grid-row: span 2; } /* Top-left, big one */
.happening_gallery_slide .item2 { grid-column: 2; grid-row: span 2; }
.happening_gallery_slide .item3 { grid-column: 3; grid-row: span 1; }
.happening_gallery_slide .item4 { grid-column: 3; grid-row: span 3; }
.happening_gallery_slide .item5 { grid-column: span 2; grid-row: span 2; }

.happening-sec.bg_dark_image{
  background-image: url('./images/happening-bg.jpg');
}

.happening-sec #photo_gallery_slider .slick-arrow{
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(145deg) brightness(104%) contrast(104%);
}
.happening_gallery_slide img{
  border: 2px solid #B9B9B9;
}
.facility_gallery_slide {
  grid-auto-rows: 419px;
}
#facility_gallery_slider .slick-arrow {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: -140px;
}
#facility_gallery_slider .slick-arrow.slick-next{
  left: auto;
  right: -140px;
}
#facility_gallery_slider{
  padding-top: 50px;
}
.facility_community-sec.bg_boxes_layers::before{
  background-image: url('./images/light-layer-before.png');
  width: 480px;
  height: 480p;
}
.facility_community-sec.bg_boxes_layers::after{
  background-image: url('./images/light-layer-after.png');
  width: 480px;
  height: 480p;
}
.facility_community_actions{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  gap: 20px;
}
.facility_community_actions a.site_btn {
  border: 1px solid #555;
  color: #555555;
  background: transparent;
  padding: 11px 35px;
}
.facility_community_actions a.site_btn.active {
  background: linear-gradient(90deg, #FFAD7A 0%, #FF883E 100%);
  border-color: #FFAD7A;
  color: #fff;
}

@media (max-width:1440px){
  .photo_gallery_slide, .happening_gallery_slide {
      grid-auto-rows: 170px;
  }
  .facility_gallery_slide {
      grid-auto-rows: 360px;
  }
}
@media (max-width: 1199px){
  .photo_gallery_slide, .happening_gallery_slide {
      grid-auto-rows: 140px;
  }
  .facility_gallery_slide {
      grid-auto-rows: 310px;
  }
}
@media (max-width: 991px){
  .photo_gallery_slide, .happening_gallery_slide {
      grid-auto-rows: 100px;
      gap: 20px;
  }
  .facility_gallery_slide {
      grid-auto-rows: 220px;
      gap: 10px;
  }
  .facility_community_actions{
    margin: 0;
  }
}
@media (max-width: 767px){
  #facility_gallery_slider .slick-arrow,
  #photo_gallery_slider .slick-arrow {
      width: 38px;
      height: 38px;
      top: auto;
      bottom: 0;
      left: calc(50% - 48px);
      transform: none;
  }
  #facility_gallery_slider .slick-arrow.slick-next,
  #photo_gallery_slider .slick-arrow.slick-next {
      right: auto;
      left: calc(50% + 10px);
  }
  #photo_gallery_slider{
      padding: 25px 0 80px !important;
  }
  #facility_gallery_slider{
    padding: 35px 0 80px !important;
  }
	
  .facility_community_actions a.site_btn {
    font-size: 16px;
    min-width: 180px;
    padding: 9px 20px;
	  margin:0;
  }
  .facility_community_actions {
		justify-content: flex-start;
		margin-top: 35px;
		flex-wrap: wrap;
		gap: 15px 20px;
	}
  .photo_gallery_slide, .happening_gallery_slide{
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 120px;
    gap: 20px;
  }
  .facility_gallery_slide {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 300px;
    gap: 20px;
  }
  .photo_gallery_slide .item3 {
    grid-column: 1;
    grid-row: span 2;
  }
  .photo_gallery_slide .item6 {
    grid-column: 2;
    grid-row: span 2;
  }
  .happening_gallery_slide .item3 {
    grid-column: span 2;
    grid-row: span 2;
  }
  .happening_gallery_slide .item4 {
    grid-column: 1;
    grid-row: span 2;
  }
  .happening_gallery_slide .item5 {
    grid-column: 2;
    grid-row: span 2;
  }
}
@media (max-width: 480px){
  .photo_gallery_slide, .happening_gallery_slide, .facility_gallery_slide {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .page-template-gallery .inner_pages_banner {
    background-image: url('./images/gallery.jpg') !important;
  }
}