.elementor-7907 .elementor-element.elementor-element-52195a0{--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;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-7907 .elementor-element.elementor-element-bcae98e .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-7907 .elementor-element.elementor-element-bcae98e .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-7907 .elementor-element.elementor-element-bcae98e{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for container, class: .elementor-element-52195a0 */a.elementor-item.elementor-gallery-title {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #222;   /* border color (black/gray, aap chahe to yellow bhi kar sakte ho) */
  border-radius: 10px;      /* rounded corners */
  background: #fff;         /* white background */
  color: #000;              /* black text */
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* Hover effect */
a.elementor-item.elementor-gallery-title:hover {
  background: #ffe873;      /* yellow hover background */
  color: #000;
  border-color: #fbc02d;    /* yellow border */
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Active/selected state */
a.elementor-item.elementor-gallery-title.active {
  background: #ffeb3b;
  border-color: #fbc02d;
  color: #111;
}/* End custom CSS */