.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;color:#000000;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}
/* Start custom CSS *//* 1) Reset + 1-line clamp for title inside this grid */
.underline-grid .elementor-heading-title {
  text-decoration: none !important;    /* no underline by default */
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;    /* 1 line */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  position: relative;
}

/* 2) Try to target per-item hover using common elementor item classes.
   This covers multiple possible DOM structures. */
.underline-grid .elementor-loop-item:hover .elementor-heading-title,
.underline-grid .elementor-post:hover .elementor-heading-title,
.underline-grid > .elementor-post:hover .elementor-heading-title,
.underline-grid a:hover .elementor-heading-title,
.underline-grid .container:hover .elementor-heading-title {
  text-decoration: underline !important;
}


.truncate {
  --lines: 2;                /* default 2 lines */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}


/* Image container ka fix height/ratio */
.uniform-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; /* square shape - 1:1 */
  overflow: hidden;
  border-radius: 12px; /* optional */
}

/* Image ko container me fit karna */
.uniform-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* crop karega aur structure uniform rakhega */
  display: block;
}

<script>
document.addEventListener("DOMContentLoaded", function() {
  // Apne specific button ko target karo:
  const btn = document.querySelector('.elementor-button');
  if(!btn) return;
  btn.addEventListener('click', function() {
    this.classList.toggle('active');
  });
});
</script>/* End custom CSS */