.elementor-457 .elementor-element.elementor-element-117a32e{--display:flex;--min-height:516px;--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#0000001A;--border-color:#0000001A;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-ad244bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{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-457 .elementor-element.elementor-element-41d9ff1 img{width:100%;height:250px;object-fit:cover;object-position:center center;}.elementor-457 .elementor-element.elementor-element-ca4ea69{--display:flex;--min-height:206px;--justify-content:space-between;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-457 .elementor-element.elementor-element-852837c{--display:flex;--justify-content:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-457 .elementor-element.elementor-element-5a61e84 .elementor-icon-list-icon{width:14px;}.elementor-457 .elementor-element.elementor-element-5a61e84 .elementor-icon-list-icon i{font-size:14px;}.elementor-457 .elementor-element.elementor-element-5a61e84 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-457 .elementor-element.elementor-element-5a61e84 .elementor-icon-list-text, .elementor-457 .elementor-element.elementor-element-5a61e84 .elementor-icon-list-text a{color:var( --e-global-color-0bd655d );}.elementor-457 .elementor-element.elementor-element-5a61e84 .elementor-icon-list-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.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-457 .elementor-element.elementor-element-e6fedb7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;line-height:30px;color:var( --e-global-color-0bd655d );}.elementor-457 .elementor-element.elementor-element-ab51555.elementor-element{--align-self:flex-start;}.elementor-457 .elementor-element.elementor-element-ab51555 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-0bd655d );}/* Start custom CSS for heading, class: .elementor-element-e6fedb7 */.elementor-457 .elementor-element.elementor-element-e6fedb7 .elementor-heading-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;         /* limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.4em;            /* adjust spacing */
  max-height: 2.8em;             /* 1.4em × 2 lines */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ab51555 */.elementor-457 .elementor-element.elementor-element-ab51555::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;           /* keeps arrow positioned relative to the button */
  width: 10px;
  height: 10px;
  background: url("https://lakshitha.blueberrydigital.co/wp-content/uploads/2025/09/Vector-10.svg") no-repeat center;
  background-size: contain;
  transform: translate(0, -50%) rotate(0deg); /* combine translateX/Y */
  transform-origin: center center;           /* rotate around center */
  transition: transform 0.3s ease;
}

.related-card:hover .elementor-457 .elementor-element.elementor-element-ab51555::after {
  transform: translate(0, -50%) rotate(45deg); /* only rotate, no extra translation */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-117a32e *//* Button arrow */
.elementor-element-ab51555::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 10px;
  height: 10px;
  background: url("https://lakshitha.blueberrydigital.co/wp-content/uploads/2025/09/Vector-10.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center center;
  transition: transform 0.3s ease;
}

/* Related card hover effect */
.related-card {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: background 0.3s ease;
}

.related-card:hover {
  background-color: #000; /* black background */
}

.related-card:hover .elementor-heading-title,
.related-card:hover .elementor-widget-post-info,
.related-card:hover .elementor-widget-post-info * {
  color: #fff !important; /* text white */
}

.related-card:hover .elementor-element-ab51555::after {
  transform: translateY(-50%) rotate(45deg); /* rotate arrow */
  filter: brightness(0) invert(1); /* make SVG white */
}
.elementor-element-e6fedb7 .elementor-heading-title {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* max 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}/* End custom CSS */