.elementor-12339 .elementor-element.elementor-element-f8c9a09{--display:flex;--justify-content:flex-end;}.elementor-12339 .elementor-element.elementor-element-f8c9a09:not(.elementor-motion-effects-element-type-background), .elementor-12339 .elementor-element.elementor-element-f8c9a09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12339 .elementor-element.elementor-element-018c6e0{text-align:center;font-size:26px;font-weight:500;color:var( --e-global-color-accent );}/* Start custom CSS for container, class: .elementor-element-f8c9a09 */.blog-card {
  position: relative;
  overflow: hidden;
  height: 400px;
}

.blog-card::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 75%;
  background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

/*.blog-card:hover::after {*/
/*  opacity: 1;*/
/*}*/

.blog-text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  /*transform: translateY(40px);*/
  /*opacity: 0;*/
  transition: all 0.5s ease;
}

/*.blog-card:hover .blog-text {*/
/*  transform: translateY(0);*/
/*  opacity: 1;*/
/*}*//* End custom CSS */