.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3ce36a0:#0E4F8C;--e-global-color-613b17e:#1C1F24;--e-global-color-83c5d8a:#C9D1DB;--e-global-color-05f212f:#E03C31;--e-global-color-0f94300:#FFFFFF;--e-global-color-0e43419:#F7F8FA;--e-global-color-0d0f611:#6E7B8B;--e-global-color-35259f5:#2E78C7;--e-global-color-a6cff5e:#2F5D3A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-63256b2-font-family:"Inter";--e-global-typography-63256b2-font-size:18px;--e-global-typography-63256b2-font-weight:400;--e-global-typography-dd1d1cb-font-family:"Inter";--e-global-typography-dd1d1cb-font-size:18px;--e-global-typography-dd1d1cb-font-weight:400;--e-global-typography-dd1d1cb-line-height:25px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   GLOBAL: stop horizontal scroll / right-side gap
   ========================= */
html, body{
  overflow-x: hidden;   /* hide any accidental overflow */
  max-width: 100%;      /* safer than width:100vw on mobile */
}

/* (Optional) add class "no-overflow" to any container/section that still bleeds */
.no-overflow{ overflow: hidden; }

/* =========================
   GALLERY: cover style + hover caption & icon
   ========================= */

/* === BASE === */
.gallery-cover .e-gallery-item{
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 16 / 10;
}
.gallery-cover .e-gallery-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* === HOVER OVERLAY (behind text) === */
.gallery-cover .e-gallery-item::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);       /* darken on hover, not too heavy */
  opacity: 0;
  transition: opacity .35s ease;
  z-index: 2;
}
.gallery-cover .e-gallery-item:hover::after{ opacity: 1; }

/* === CAPTION/TITLE — hidden by default, fades in on hover === */
.gallery-cover .e-gallery-item .e-gallery-item__caption,
.gallery-cover .e-gallery-item .elementor-gallery-item__caption,
.gallery-cover .e-gallery-item .e-gallery-item__title,
.gallery-cover .e-gallery-item .elementor-gallery-item__title{
  position: absolute;
  bottom: 100px;                         /* LOWER = closer to bottom */
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  z-index: 3 !important;
  display: inline-block;                 /* pill hugs the text width */
  max-width: calc(100% - 32px);
  text-align: center;

  /* force bright text */
  color: #fff !important;
  opacity: 0 !important;                 /* hidden until hover */
  filter: none !important;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.25;
  text-shadow: 0 4px 8px rgba(0,0,0,1);
  padding: 6px 10px;
  transition: opacity .25s ease, transform .25s ease;
}
.gallery-cover .e-gallery-item:hover .e-gallery-item__caption,
.gallery-cover .e-gallery-item:hover .elementor-gallery-item__caption,
.gallery-cover .e-gallery-item:hover .e-gallery-item__title,
.gallery-cover .e-gallery-item:hover .elementor-gallery-item__title{
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0);
}

/* subtle pill behind the text (lighter than overlay) */
.gallery-cover .e-gallery-item .e-gallery-item__caption::before,
.gallery-cover .e-gallery-item .elementor-gallery-item__caption::before,
.gallery-cover .e-gallery-item .e-gallery-item__title::before,
.gallery-cover .e-gallery-item .elementor-gallery-item__title::before{
  content: "";
  position: absolute;
  inset: -6px -10px;
  background: rgba(0,0,0,.15);          /* lighter than overlay */
  border-radius: 8px;
  z-index: -1;
}

/* === MAGNIFYING GLASS — same size/location you used === */
.gallery-cover .e-gallery-item::before{
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1.3rem;
  color: #fff;
  position: absolute;
  bottom: 55px;                           /* BELOW the text, no overlap */
  left: 50%;
  transform: translateX(-50%) scale(.6);
  opacity: 0;
  transition: all .25s ease;
  z-index: 3;
}
.gallery-cover .e-gallery-item:hover::before{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}/* End custom CSS */