.elementor-2752 .elementor-element.elementor-element-22e257d{--display:flex;--min-height:400px;--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;--margin-top:-11%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-22e257d:not(.elementor-motion-effects-element-type-background), .elementor-2752 .elementor-element.elementor-element-22e257d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://slncu.procons.lk/wp-content/uploads/2026/01/cover.png");background-repeat:no-repeat;background-size:cover;}.elementor-2752 .elementor-element.elementor-element-857827d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2752 .elementor-element.elementor-element-20d8ff9{--display:flex;--min-height:100px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2752 .elementor-element.elementor-element-ccce5a5{--display:flex;--min-height:100px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:6%;}.elementor-2752 .elementor-element.elementor-element-ccce5a5:not(.elementor-motion-effects-element-type-background), .elementor-2752 .elementor-element.elementor-element-ccce5a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0168B3;}.elementor-2752 .elementor-element.elementor-element-bc7ebbd{--display:flex;}.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-2752 .elementor-element.elementor-element-385ebef .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2752 .elementor-element.elementor-element-2fa0249 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-2752 .elementor-element.elementor-element-2fa0249 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2752 .elementor-element.elementor-element-2fa0249 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2752 .elementor-element.elementor-element-8eabaea .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;padding:0px 0px 0px 0px;}.elementor-2752 .elementor-element.elementor-element-8eabaea .elementor-button-content-wrapper{flex-direction:row;}.elementor-2752 .elementor-element.elementor-element-8eabaea .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2752 .elementor-element.elementor-element-7b2bf0d .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-2752 .elementor-element.elementor-element-7b2bf0d .elementor-button-content-wrapper{flex-direction:row;}.elementor-2752 .elementor-element.elementor-element-7b2bf0d .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2752 .elementor-element.elementor-element-87559a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2752 .elementor-element.elementor-element-a712669 > .elementor-widget-container{margin:0% 0% 3% 0%;}.elementor-2752 .elementor-element.elementor-element-a712669 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-2752 .elementor-element.elementor-element-a712669 .hfe-breadcrumbs, .elementor-2752 .elementor-element.elementor-element-a712669 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#0168B3;}.elementor-2752 .elementor-element.elementor-element-a712669 .hfe-breadcrumbs svg{fill:#0168B3;}.elementor-2752 .elementor-element.elementor-element-a712669 .hfe-breadcrumbs-item{font-family:"Poppins", Sans-serif;}.elementor-2752 .elementor-element.elementor-element-a712669 .hfe-breadcrumbs-separator .hfe-breadcrumbs-separator-text{color:#000000;}.elementor-2752 .elementor-element.elementor-element-a712669 .hfe-breadcrumbs-separator-icon svg{fill:#000000;}.elementor-2752 .elementor-element.elementor-element-a712669 .hfe-breadcrumbs-last .hfe-breadcrumbs-text, .elementor-2752 .elementor-element.elementor-element-a712669 .hfe-breadcrumbs-last svg{color:#000000;}.elementor-2752 .elementor-element.elementor-element-e9faa4e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;}.elementor-2752 .elementor-element.elementor-element-50214fb{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 2%) 0%;}.elementor-2752 .elementor-element.elementor-element-50214fb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-33fc7be );}.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-2752 .elementor-element.elementor-element-e69980b .hfe-post-card{background-color:#F6F6F6;}.elementor-2752 .elementor-element.elementor-element-e69980b .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);column-gap:20px;row-gap:30px;}.elementor-2752 .elementor-element.elementor-element-e69980b .hfe-post-content{padding:20px 20px 20px 20px;}.elementor-2752 .elementor-element.elementor-element-e69980b .hfe-post-title{margin-bottom:5px;}.elementor-2752 .elementor-element.elementor-element-e69980b .hfe-post-meta{margin-bottom:15px;}.elementor-2752 .elementor-element.elementor-element-e69980b .hfe-post-excerpt{margin-bottom:15px;}@media(max-width:1024px){.elementor-2752 .elementor-element.elementor-element-22e257d{--min-height:250px;--margin-top:-16%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2752 .elementor-element.elementor-element-857827d{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-857827d.e-con{--align-self:center;}.elementor-2752 .elementor-element.elementor-element-20d8ff9{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2752 .elementor-element.elementor-element-ccce5a5{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-2752 .elementor-element.elementor-element-bc7ebbd{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-bc7ebbd.e-con{--align-self:center;}.elementor-2752 .elementor-element.elementor-element-e69980b .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media(min-width:768px){.elementor-2752 .elementor-element.elementor-element-22e257d{--width:100%;}.elementor-2752 .elementor-element.elementor-element-20d8ff9{--width:30%;}.elementor-2752 .elementor-element.elementor-element-bc7ebbd{--width:60%;}.elementor-2752 .elementor-element.elementor-element-87559a6{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2752 .elementor-element.elementor-element-22e257d{--width:100%;}.elementor-2752 .elementor-element.elementor-element-857827d{--width:100%;}.elementor-2752 .elementor-element.elementor-element-20d8ff9{--width:112%;}.elementor-2752 .elementor-element.elementor-element-87559a6{--width:100%;}}@media(max-width:767px){.elementor-2752 .elementor-element.elementor-element-22e257d{--width:100%;--min-height:500px;--margin-top:-103%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2752 .elementor-element.elementor-element-22e257d:not(.elementor-motion-effects-element-type-background), .elementor-2752 .elementor-element.elementor-element-22e257d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2752 .elementor-element.elementor-element-857827d{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-20d8ff9{--width:100%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-ccce5a5{--width:100%;--margin-top:0%;--margin-bottom:0%;--margin-left:000%;--margin-right:0%;}.elementor-2752 .elementor-element.elementor-element-bc7ebbd{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-e69980b .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for hfe-basic-posts, class: .elementor-element-e69980b *//* =========================================================
   HFE Post Card overlay style (match your sample card)
   Add this class to the SECTION/COLUMN that wraps the posts:
   news-overlay-cards
   ========================================================= */

/* Card base */
.news-overlay-cards article.hfe-post-card{
  --news-img-h: 260px;          /* image height desktop */
  --title-lift: 90px;           /* how far from bottom area the title sits */
  position: relative !important;
  overflow: hidden !important;
  background: #efefef !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Image area */
.news-overlay-cards article.hfe-post-card .hfe-post-image{
  position: relative !important;
  height: var(--news-img-h) !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.news-overlay-cards article.hfe-post-card .hfe-post-image a,
.news-overlay-cards article.hfe-post-card .hfe-post-image img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.news-overlay-cards article.hfe-post-card .hfe-post-image img{
  object-fit: cover !important;
}

/* Dark overlay (stronger at bottom like sample) */
.news-overlay-cards article.hfe-post-card .hfe-post-image::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0,0,0,.70), rgba(0,0,0,.12)) !important;
  pointer-events: none !important;
}

/* Content box (grey area under image) */
.news-overlay-cards article.hfe-post-card .hfe-post-content{
  background: #efefef !important;
  padding: 16px 18px 18px !important;
}

/* Title placed on bottom area of featured image */
.news-overlay-cards article.hfe-post-card .hfe-post-title{
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;

  /* This pins it inside the image area */
  top: calc(var(--news-img-h) - var(--title-lift)) !important;
  bottom: auto !important;

  z-index: 9 !important;
  margin: 0 !important;
}

.news-overlay-cards article.hfe-post-card .hfe-post-title a{
  color: #fff !important;
  text-decoration: none !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.news-overlay-cards article.hfe-post-card .hfe-post-title a:hover{
  text-decoration: underline !important;
}

/* Excerpt + Read more on SAME line */
.news-overlay-cards article.hfe-post-card .hfe-post-excerpt{
  display: inline !important;
  color: #7a7a7a !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.news-overlay-cards article.hfe-post-card .hfe-read-more{
  display: inline !important;
  margin: 0 !important;
  padding-left: 6px !important;
  color: #2b66c8 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.news-overlay-cards article.hfe-post-card .hfe-read-more:hover{
  text-decoration: underline !important;
}

/* Meta like sample: show only date, keep it below excerpt */
.news-overlay-cards article.hfe-post-card .hfe-post-meta{
  margin-top: 18px !important;
  color: #2f2f2f !important;
  font-weight: 600 !important;
}

.news-overlay-cards article.hfe-post-card .hfe-post-author,
.news-overlay-cards article.hfe-post-card .hfe-meta-separator{
  display: none !important;
}

/* Mobile */
@media (max-width: 767px){
  .news-overlay-cards article.hfe-post-card{
    --news-img-h: 220px;
    --title-lift: 78px;
  }

  .news-overlay-cards article.hfe-post-card .hfe-post-title a{
    font-size: 18px !important;
  }

  .news-overlay-cards article.hfe-post-card .hfe-post-content{
    padding: 14px 16px 16px !important;
  }
}

.hfe-post-content .hfe-read-more{
  display: inline;
  white-space: nowrap;
}/* End custom CSS */