.elementor-38255 .elementor-element.elementor-element-a77eb82 .gallery-item .gallery-caption{text-align:center;}/* Start custom CSS for image-gallery, class: .elementor-element-a77eb82 *//* ===== Tik Electric - Basic Gallery spacing + nicer tiles ===== */
.te-gallery{
  --g-gap: 14px;        /* gap between images */
  --g-radius: 14px;     /* rounded corners */
  --g-shadow: 0 10px 22px rgba(0,0,0,.10);
}

/* Elementor Basic Gallery output */
.te-gallery .elementor-image-gallery{
  margin: 0 !important;
}

/* GAP (modern browsers) */
.te-gallery .gallery{
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-gap);
}

/* undo WP default column gutters (so gap controls everything) */
.te-gallery .gallery-item{
  margin: 0 !important;
  padding: 0 !important;
}

/* keep the chosen Columns working while using gap */
.te-gallery .gallery-columns-2 .gallery-item{ width: calc((100% - var(--g-gap)) / 2) !important; }
.te-gallery .gallery-columns-3 .gallery-item{ width: calc((100% - (var(--g-gap) * 2)) / 3) !important; }
.te-gallery .gallery-columns-4 .gallery-item{ width: calc((100% - (var(--g-gap) * 3)) / 4) !important; }
.te-gallery .gallery-columns-5 .gallery-item{ width: calc((100% - (var(--g-gap) * 4)) / 5) !important; }
.te-gallery .gallery-columns-6 .gallery-item{ width: calc((100% - (var(--g-gap) * 5)) / 6) !important; }

/* tile look */
.te-gallery .gallery-item a,
.te-gallery .gallery-item img{
  display: block;
  width: 100%;
}

.te-gallery .gallery-item a{
  border-radius: var(--g-radius);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transform: translateZ(0);
}

.te-gallery .gallery-item img{
  border-radius: var(--g-radius);
  height: 260px;             /* makes rows clean */
  object-fit: cover;
}

/* hover */
@media (hover:hover){
  .te-gallery .gallery-item a:hover{
    box-shadow: var(--g-shadow);
    transform: translateY(-2px);
    transition: transform .18s ease, box-shadow .18s ease;
  }
}

/* responsive */
@media (max-width: 1024px){
  .te-gallery{ --g-gap: 12px; }
  .te-gallery .gallery-item img{ height: 220px; }
}
@media (max-width: 767px){
  .te-gallery{ --g-gap: 10px; }
  .te-gallery .gallery-columns-4 .gallery-item,
  .te-gallery .gallery-columns-5 .gallery-item,
  .te-gallery .gallery-columns-6 .gallery-item{
    width: calc((100% - var(--g-gap)) / 2) !important; /* 2 columns on mobile */
  }
  .te-gallery .gallery-item img{ height: 200px; }
}
@media (max-width: 420px){
  .te-gallery .gallery-item{ width: 100% !important; } /* 1 column on small phones */
}/* End custom CSS */