.elementor-190 .elementor-element.elementor-element-d3c8692{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-hfe-basic-posts .hfe-post-title a{color:var( --e-global-color-primary );}.elementor-widget-hfe-basic-posts .hfe-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-meta{color:var( --e-global-color-text );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-excerpt{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-hfe-basic-posts .hfe-read-more{color:var( --e-global-color-accent );}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-post-card{background-color:var( --e-global-color-fbd4521 );}.elementor-190 .elementor-element.elementor-element-77fec15 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-posts-grid{grid-template-columns:repeat(3, 1fr);column-gap:20px;row-gap:30px;}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-post-content{padding:20px 20px 20px 20px;}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-post-title a:hover{color:var( --e-global-color-primary );}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-post-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:600;margin-bottom:5px;}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-post-meta{margin-bottom:15px;}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-post-excerpt{color:var( --e-global-color-secondary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:400;margin-bottom:15px;}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-read-more{color:var( --e-global-color-cdd6612 );font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;}@media(max-width:1024px){.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}.elementor-190 .elementor-element.elementor-element-77fec15 .hfe-post-title{font-size:18px;}}/* Start custom CSS for hfe-basic-posts, class: .elementor-element-77fec15 *//* Zoombooks Blog Grid — Final Styling */
.hfe-post-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.hfe-post-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
}

/* Image frame — sab cards me same size, poori image fit hogi */
.hfe-post-image {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #eef4f8;      /* image ke peeche halka background */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;            /* image chahiye aur choti to isay barhayen */
  box-sizing: border-box;
}

.hfe-post-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;      /* poori image dikhegi, zero crop, zero distortion */
  object-position: center;
  display: block;
}

.hfe-post-content {
  padding: 20px 22px 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.hfe-post-title {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 10px;
}

.hfe-post-title a {
  color: #1a1a1a;
  text-decoration: none;
  transition: color 0.2s ease;
}


.hfe-post-meta {
  font-size: 13px;
  color: #8a8a8a;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.hfe-meta-separator {
  opacity: 0.5;
}

.hfe-post-excerpt {
  font-size: 14.5px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hfe-read-more {
  margin-top: auto;
  align-self: flex-start;
  font-size: 14px;
  font-weight: 600;
  color: #cc0000; /* apna brand color lagayen */
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.25s ease;
}

.hfe-read-more:hover {
  gap: 10px;
  text-decoration: none;
}

/* Mobile tightening */
@media (max-width: 480px) {
  .hfe-posts-grid {
    gap: 20px;
  }
  .hfe-post-content {
    padding: 16px 18px 20px;
  }
}/* End custom CSS */