.elementor-168 .elementor-element.elementor-element-7b4314c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-168 .elementor-element.elementor-element-7b4314c:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-7b4314c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF3F2;}.elementor-168 .elementor-element.elementor-element-d84938b .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:72px;font-weight:700;color:#304242;}.elementor-168 .elementor-element.elementor-element-1a1e517{--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-168 .elementor-element.elementor-element-d84938b{text-align:center;}.elementor-168 .elementor-element.elementor-element-d84938b .elementor-heading-title{font-size:41px;}}/* Start custom CSS for html, class: .elementor-element-d16820b *//* Make LightSlider inside .gallery-top look like your Swiper gallery */
.gallery-top .lSSlideOuter{
  max-width: 1140px;
  margin: auto;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

/* Main images */
.gallery-top .lslide img{
  width: 100%;
  height: auto;
  border-radius: 8px;
  cursor: pointer;
}

/* Thumbnails row (LightSlider's pager) */
.gallery-top .lSPager.lSGallery{
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

/* Each thumbnail item */
.gallery-top .lSPager.lSGallery li{
  width: auto !important;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.3s ease;
  padding: 5px;
  height: 90px;               /* matches your Swiper thumbs height */
}

.gallery-top .lSPager.lSGallery li.active{
  opacity: 1;
}

/* Thumbnail images */
.gallery-top .lSPager.lSGallery img{
  height: 100%;
  width: auto;
  object-fit: cover;
  border-radius: 5px;
}

/* Prev/Next buttons — match your gold-on-dark circular style */
.gallery-top .lSAction > a{
  color: #f5b638;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-top .lSAction > a::after{
  font-size: 20px;
}/* End custom CSS */