.elementor-836 .elementor-element.elementor-element-1d5728c:not(.elementor-motion-effects-element-type-background), .elementor-836 .elementor-element.elementor-element-1d5728c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hearinghealthcarect.com/wp-content/uploads/2026/06/inner_banner.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-836 .elementor-element.elementor-element-1d5728c > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #00000080 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-836 .elementor-element.elementor-element-1d5728c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-836 .elementor-element.elementor-element-2f05b1f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-836 .elementor-element.elementor-element-8aac70c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-836 .elementor-element.elementor-element-a06f1a8 > .elementor-widget-container{margin:49px 0px 70px 0px;}.elementor-836 .elementor-element.elementor-element-a06f1a8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-836 .elementor-element.elementor-element-a06f1a8{text-align:center;}.elementor-836 .elementor-element.elementor-element-a06f1a8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:600;line-height:1.2;color:#FFFFFF;}.elementor-836 .elementor-element.elementor-element-a60d74b{margin-top:30px;margin-bottom:0px;}.elementor-836 .elementor-element.elementor-element-9630885 > .elementor-element-populated{padding:50px 0px 50px 0px;}.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-family:var( --e-global-typography-secondary-font-family ), Sans-serif;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-836 .elementor-element.elementor-element-f3718c8 .hfe-post-card{background-color:#F6F6F6;border-radius:5px 5px 5px 5px;box-shadow:0px 9px 20px 0px rgba(12.999999999999998, 38.00000000000008, 76, 0.18823529411764706);}.elementor-836 .elementor-element.elementor-element-f3718c8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-posts-grid{grid-template-columns:repeat(3, 1fr);column-gap:46px;row-gap:43px;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-post-image img{border-radius:5px 5px 0px 0px;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-post-content{padding:20px 20px 20px 20px;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-post-title a{color:#000000;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-post-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;margin-bottom:24px;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-post-meta{color:#333333;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.25rem;margin-bottom:15px;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-post-excerpt{color:#333333;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;margin-bottom:0px;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-read-more{color:#FBA916;font-size:13px;font-weight:600;}.elementor-836 .elementor-element.elementor-element-aefe3e6{margin-top:30px;margin-bottom:0px;}.elementor-836 .elementor-element.elementor-element-2344c36 > .elementor-element-populated{padding:50px 0px 50px 0px;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-content{min-height:121px;}.elementor-836 .elementor-element.elementor-element-51cc2be.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-wrapper .xpro-post-grid-item{box-shadow:0px 0px 10px 0px rgba(12.999999999999998, 38.00000000000008, 76, 0.18823529411764706);overflow:hidden;border-radius:5px 5px 5px 5px;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-wrapper .xpro-post-grid-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-wrapper .xpro-post-grid-excerpt{color:#333333;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;margin:12px 0px 9px 0px;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-meta-date{font-size:14px;min-width:14px;min-height:14px;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-wrapper .xpro-post-grid-meta-list > li{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-wrapper .xpro-post-grid-meta-list > li,.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-wrapper .xpro-post-grid-meta-list > li a{color:#333333;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-wrapper .xpro-post-grid-meta-list{margin:0px 0px 10px 0px;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-post-grid-btn{color:#FBA916;margin:26px 0px 63px 0px;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-elementor-post-pagination .page-numbers:hover{color:#FFFFFF;background-color:#FBA916;}.elementor-836 .elementor-element.elementor-element-51cc2be .xpro-elementor-post-pagination .page-numbers.current{background-color:#FBA916;}.elementor-836 .elementor-element.elementor-element-dfa9f8d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-836 .elementor-element.elementor-element-5dc2532.xpro-widget-bg-overlay:before{transition:background 0.3s;}body.elementor-page-836:not(.elementor-motion-effects-element-type-background), body.elementor-page-836 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-836 .elementor-element.elementor-element-a06f1a8 .elementor-heading-title{font-size:30px;}.elementor-836 .elementor-element.elementor-element-f3718c8 .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for hfe-basic-posts, class: .elementor-element-f3718c8 */.hfe-post-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 0;
    position: static;
}

.hfe-post-title {
    order: 1;
}

.hfe-post-excerpt {
    order: 2;
    flex: 1; /* This makes excerpt take up all available space */
}

.hfe-post-content .hfe-read-more {
    order: 3;
    margin-top: 20px;
    margin-bottom: 50px;
}

.hfe-post-meta {
    order: 4;
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 15px;
    padding-top: 15px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    border-top: 1px solid #e5e7eb;
    font-size: 13px;
    color: #888;
}

/* Make the card itself a flex column so it stretches */
.hfe-post-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hfe-post-card .hfe-post-content {
    flex: 1;
}
.hfe-post-card .hfe-post-image img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.hfe-post-card .hfe-post-image {
    flex-shrink: 0;
    line-height: 0;
}/* End custom CSS */
/* Start custom CSS for xpro-post-grid, class: .elementor-element-51cc2be *//* Card wrapper */
.cbp-item-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* Image */
.xpro-post-grid-image {
    flex-shrink: 0;
    line-height: 0;
}
.xpro-post-grid-image img {
    width: 100% !important;
    height: auto !important;
    display: block;
}
/* Content area fills remaining height */
.xpro-post-grid-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-bottom: 0;
}
/* Title — order 1 */
.xpro-post-grid-title {
    order: 1;
}
/* Excerpt — order 2, takes up remaining space */
.xpro-post-grid-excerpt {
    order: 2;
    flex: 1;
}
/* Read more — order 3 */
.xpro-post-grid-btn {
    order: 3;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 50px;
}
/* Date — order 4, pinned to bottom */
.xpro-post-grid-meta-list {
    order: 4;
    list-style: none;
    padding: 15px 0 0 0;
    margin: 15px -30px 0 -30px;
    padding-left: 30px;
    border-top: 1px solid 
#e5e7eb;
    font-size: 13px;
    color: #888;
}
/* Equal height cards */
.cbp-grid {
    align-items: stretch !important;
}
.cbp-item {
    height: auto !important;
}
.cbp-item-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.cbp-item-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 520px; /* adjust to match your tallest card */
}/* End custom CSS */
/* Start custom CSS for xpro-post-grid, class: .elementor-element-51cc2be *//* ============================================
   XPRO POST GRID — EQUAL HEIGHT CARDS
   ============================================ */

/* 1. NEUTRALIZE CBP ABSOLUTE POSITIONING
   CBP sets position:absolute + inline top/left on each .cbp-item.
   We override the container to use CSS Grid so cards flow into
   equal-height rows instead of CBP's JS-calculated masonry. */
.cbp-wrapper-outer .cbp-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  height: auto !important;
  position: relative !important;
}

/* 2. RESET CBP ABSOLUTE POSITIONING ON EACH ITEM
   CBP injects inline style="left:Xpx; top:Xpx; width:Xpx"
   We override all three so the grid controls placement. */
.xpro-post-grid-item {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important; /* let the grid row define height */
}

/* 3. CARD WRAPPER — FULL HEIGHT FLEX COLUMN
   align-items: stretch on the grid makes all cards in a row
   the same height. The card itself becomes a flex column so
   we can push the button to the bottom. */
.xpro-post-grid-item .cbp-item-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* 4. FIXED IMAGE HEIGHT — SAME ON EVERY CARD */
.xpro-post-grid-item .xpro-post-grid-image {
  flex-shrink: 0;
  height: 220px;
  overflow: hidden;
}

.xpro-post-grid-item .xpro-post-grid-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* 5. CONTENT AREA — FLEX COLUMN, FILLS REMAINING HEIGHT */
.xpro-post-grid-item .xpro-post-grid-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  box-sizing: border-box;
  overflow: hidden;
}

/* 6. DATE — MOVE TO BOTTOM WITH BORDER
   The screenshot shows date at the bottom with a top border.
   margin-top: auto pushes it down; flex-shrink: 0 keeps it visible. */
.xpro-post-grid-item .xpro-post-grid-meta-list {
  order: 5; /* move to end of flex column */
  margin-top: auto;
  flex-shrink: 0;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/* 7. TITLE — MAX 2 LINES */
.xpro-post-grid-item .xpro-post-grid-title {
  order: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0 0 10px 0;
  line-height: 1.4;
}

/* 8. EXCERPT — FILLS AVAILABLE SPACE, MAX 3 LINES */
.xpro-post-grid-item .xpro-post-grid-excerpt {
  order: 2;
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0 0 12px 0;
  line-height: 1.6;
}

/* 9. READ MORE — ABOVE DATE, PINNED */
.xpro-post-grid-item .xpro-post-grid-btn {
  order: 3;
  flex-shrink: 0;
  display: inline-block;
  margin-bottom: 12px;
}/* End custom CSS */