.elementor-1456 .elementor-element.elementor-element-1f7bd5b{--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;}.elementor-1456 .elementor-element.elementor-element-1419171{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1456 .elementor-element.elementor-element-1419171 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1456 .elementor-element.elementor-element-1419171:after{content:"0.66";}.elementor-1456 .elementor-element.elementor-element-1419171 .elementor-post__thumbnail__link{width:100%;}.elementor-1456 .elementor-element.elementor-element-1419171.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1456 .elementor-element.elementor-element-1419171.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1456 .elementor-element.elementor-element-1419171.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-1456 .elementor-element.elementor-element-1419171 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1456 .elementor-element.elementor-element-1419171:after{content:"0.5";}.elementor-1456 .elementor-element.elementor-element-1419171 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-1419171 *//* ===== SATHA CARE — VIP Blog Grid Styling =====
   Paste this into: Posts widget > Advanced tab > Custom CSS (Elementor Pro)
   OR into a WPCode "Custom CSS" snippet (site-wide is fine, it's scoped to #sathaBlogGrid)
   Requires: Posts widget's Advanced > CSS ID = sathaBlogGrid
*/

#sathaBlogGrid .elementor-posts-container{
  gap: 28px !important;
}

#sathaBlogGrid .elementor-post{
  background:#ffffff;
  border:1px solid rgba(7,17,31,.08);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(7,17,31,.06);
  transition:transform .25s ease, box-shadow .25s ease;
  padding:0 !important;
}

#sathaBlogGrid .elementor-post:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(7,17,31,.14);
}

#sathaBlogGrid .elementor-post__thumbnail__link{
  display:block;
  position:relative;
  overflow:hidden;
}

#sathaBlogGrid .elementor-post__thumbnail{
  transition:transform .5s ease;
}

#sathaBlogGrid .elementor-post:hover .elementor-post__thumbnail{
  transform:scale(1.06);
}

#sathaBlogGrid .elementor-post__thumbnail__link:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,17,31,0) 60%,rgba(7,17,31,.55) 100%);
}

#sathaBlogGrid .elementor-post__text{
  padding:20px 22px 24px;
}

#sathaBlogGrid .elementor-post__title{
  margin:0 0 10px;
}

#sathaBlogGrid .elementor-post__title a{
  color:#07111f !important;
  font-weight:800 !important;
  font-size:19px !important;
  line-height:1.35 !important;
  text-decoration:none !important;
  transition:color .2s ease;
}

#sathaBlogGrid .elementor-post:hover .elementor-post__title a{
  color:#0d9c90 !important; /* darker cyan for readability on white */
}

#sathaBlogGrid .elementor-post__excerpt p{
  color:#5a6b7a !important;
  font-size:14px !important;
  line-height:1.6 !important;
  margin:0 0 16px !important;
}

#sathaBlogGrid .elementor-post__read-more{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  background:#ffca3a !important;
  color:#111923 !important;
  font-weight:900 !important;
  font-size:12px !important;
  padding:10px 16px !important;
  border-radius:10px !important;
  text-decoration:none !important;
  transition:filter .2s ease, transform .2s ease;
}

#sathaBlogGrid .elementor-post__read-more:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

#sathaBlogGrid .elementor-post__meta-data{
  color:#9fb0c1 !important;
  font-size:11px !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:8px !important;
}

/* Mobile: 1 column, tighter spacing */
@media(max-width:767px){
  #sathaBlogGrid .elementor-posts-container{
    gap:20px !important;
  }
  #sathaBlogGrid .elementor-post__title a{
    font-size:17px !important;
  }
}
#sathaBlogGrid .elementor-posts-container{
  perspective:1200px;
}

#sathaBlogGrid .elementor-post{
  transform-style:preserve-3d;
  will-change:transform, opacity;
}/* End custom CSS */