.window-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center; /* centers last item on odd row */
  margin-top: 1rem;
}

.window-gallery .gallery-item {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

@media (min-width: 768px) {
  .window-gallery .gallery-item {
    width: 48%;
  }
}

@media (min-width: 1024px) {
  .window-gallery .gallery-item {
    width: 30%;
  }
}

.window-gallery img {
  width: 100%;
  border-radius: 6px;
  height: auto;
}

.window-gallery p {
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
.siding-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}

.siding-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
}

.siding-gallery .gallery-item {
  flex: 0 0 48%;
  box-sizing: border-box;
  text-align: center;
}

@media (max-width: 767px) {
  .siding-gallery .gallery-item {
    flex: 0 0 100%;
  }
}

/* Hide the default arrows injected in broken position */
.testimonial-wrap .slick-prev,
.testimonial-wrap .slick-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none;
  border: none;
  font-size: 28px;
  color: #e3b23c; /* your gold/yellow */
  z-index: 10;
}

/* Position arrows to the sides of the testimonial box */
.testimonial-wrap .slick-prev {
  left: -40px;
}

.testimonial-wrap .slick-next {
  right: -40px;
}

/* Optional: shrink on mobile */
@media (max-width: 768px) {
  .testimonial-wrap .slick-prev {
    left: -20px;
  }

  .testimonial-wrap .slick-next {
    right: -20px;
  }
}
/* Hide default Slick arrows (white ::before content) */
.testimonial-wrap .slick-prev::before,
.testimonial-wrap .slick-next::before {
  display: none !important;
  content: none !important;
}
.testimonial-wrap .slick-arrow {
  color: #1E3A8A; /* dark blue */
  font-size: 26px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.fencing-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1rem;
}

.fencing-gallery .gallery-item {
  flex: 0 0 32%;
  box-sizing: border-box;
  text-align: center;
}

.fencing-gallery img {
  width: 100%;
  border-radius: 6px;
  height: auto;
  object-fit: cover;
}

@media (max-width: 768px) {
  .fencing-gallery .gallery-item {
    flex: 0 0 100%;
  }
}
.gutter-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
}

.gutter-gallery .gallery-item {
  flex: 0 0 48%;
  box-sizing: border-box;
  text-align: center;
}

.gutter-gallery img {
  width: 100%;
  border-radius: 6px;
  height: auto;
  object-fit: cover;
}

@media (max-width: 768px) {
  .gutter-gallery .gallery-item {
    flex: 0 0 100%;
  }
}
.roofing-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1rem;
}

.roofing-gallery .gallery-item {
  flex: 0 0 48%;
  box-sizing: border-box;
  text-align: center;
}

.roofing-gallery img {
  width: 100%;
  border-radius: 6px;
  height: auto;
  object-fit: cover;
}

@media (max-width: 768px) {
  .roofing-gallery .gallery-item {
    flex: 0 0 100%;
  }
}