.elementor-169702 .elementor-element.elementor-element-a536cee:not(.elementor-motion-effects-element-type-background), .elementor-169702 .elementor-element.elementor-element-a536cee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-169702 .elementor-element.elementor-element-a536cee{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:010px 0px 10px 0px;}.elementor-169702 .elementor-element.elementor-element-a536cee > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-169702 .elementor-element.elementor-element-08b6b93 > .elementor-widget-container{margin:0px 0px -10px 5px;}.elementor-169702 .elementor-element.elementor-element-08b6b93 .elementor-heading-title{font-size:20px;}.elementor-169702 .elementor-element.elementor-element-9fa4ef4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-169702 .elementor-element.elementor-element-9fa4ef4 .gallery-item img{border-style:double;border-width:3px 3px 3px 3px;border-color:#DADADA;border-radius:100px 100px 100px 100px;}.elementor-169702 .elementor-element.elementor-element-9fa4ef4 .gallery-item .gallery-caption{text-align:center;}.elementor-169702 .elementor-element.elementor-element-8ae8d1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-169702 .elementor-element.elementor-element-08b6b93 > .elementor-widget-container{margin:0px 40px 0px 40px;}.elementor-169702 .elementor-element.elementor-element-08b6b93{text-align:center;}.elementor-169702 .elementor-element.elementor-element-08b6b93 .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-169702 .elementor-element.elementor-element-319e491{width:72.547%;}.elementor-169702 .elementor-element.elementor-element-7c9ccb4{width:27.36%;}}/* Start custom CSS for image-gallery, class: .elementor-element-9fa4ef4 *//* Shrink the anchor container to match the new image size */
.gallery-item .gallery-icon a {
  display: inline-flex !important;
  width: 46px !important;  /* 50% of 36px */
  height: 46px !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
}

/* Shrink and round the image */
.gallery-item img {
  width: 46px !important;   /* 50% of original 36px */
  height: 46px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block;
}

/* Tight layout: no spacing */
.gallery-item,
.gallery-icon {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

/* Keep the row layout with no gaps */
.gallery.gallery-columns-10 {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: 4px; /* Optional: reduce spacing */
}

.gallery-scroll-wrapper {
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .gallery-scroll-wrapper {
    overflow: visible !important;
    white-space: normal !important;
  }

  .gallery.gallery-columns-10 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px;
    justify-content: center !important; /* ✅ center items */
  }

  .gallery-item {
    flex: 0 0 auto !important;
    width: 46px !important;
    height: auto;
  }

  .gallery-item .gallery-icon a {
    width: 46px !important;
    height: 46px !important;
  }

  .gallery-item img {
    width: 46px !important;
    height: 46px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4daeadb */.gallery-item {
  position: relative;
}

.gallery-item:hover::before {
  content: "";
  position: absolute;
  top: -130px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 120px;
  background-image: var(--hover-preview);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #3f3f3f;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
  z-index: 99;
}

.gallery-item:hover::after {
  content: attr(data-caption);
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: #3f3f3f;
  color: #fff;
  padding: 8px 13px;
  font-size: 12px;
  border-radius: 5px;
  white-space: nowrap;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  z-index: 100;
}

/*.elementor img {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 50%;
}/* End custom CSS */