.elementor-21244 .elementor-element.elementor-element-089afe0{--display:flex;--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;}.elementor-21244 .elementor-element.elementor-element-089afe0:not(.elementor-motion-effects-element-type-background), .elementor-21244 .elementor-element.elementor-element-089afe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soor.org/wp-content/uploads/2025/12/52510859592_970ba0d49a_o-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-21244 .elementor-element.elementor-element-f26f411 .elementor-heading-title{color:#FFFFFF;}.elementor-21244 .elementor-element.elementor-element-4f1503a{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-21244 .elementor-element.elementor-element-4f1503a:not(.elementor-motion-effects-element-type-background), .elementor-21244 .elementor-element.elementor-element-4f1503a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soor.org/wp-content/uploads/2026/01/bg-trees-4-768x593.png");background-position:bottom center;background-repeat:repeat-x;}.elementor-21244 .elementor-element.elementor-element-9daa9c0{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21244 .elementor-element.elementor-element-828e9df{--display:flex;--min-height:190px;}.elementor-21244 .elementor-element.elementor-element-828e9df:not(.elementor-motion-effects-element-type-background), .elementor-21244 .elementor-element.elementor-element-828e9df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soor.org/wp-content/uploads/2022/10/2017-07-08-_70_.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21244 .elementor-element.elementor-element-54499ee.elementor-element{--align-self:center;}.elementor-21244 .elementor-element.elementor-element-54499ee{text-align:center;}.elementor-21244 .elementor-element.elementor-element-54499ee .elementor-heading-title{text-shadow:0px 0px 6px #000000;color:#FFFFFF;}.elementor-21244 .elementor-element.elementor-element-32caca4{--display:flex;--min-height:220px;}.elementor-21244 .elementor-element.elementor-element-32caca4:not(.elementor-motion-effects-element-type-background), .elementor-21244 .elementor-element.elementor-element-32caca4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soor.org/wp-content/uploads/2026/02/53571832172_46378b39e0_c.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21244 .elementor-element.elementor-element-13af788.elementor-element{--align-self:center;}.elementor-21244 .elementor-element.elementor-element-13af788{text-align:center;}.elementor-21244 .elementor-element.elementor-element-13af788 .elementor-heading-title{text-shadow:0px 0px 6px #000000;color:#FFFFFF;}.elementor-21244 .elementor-element.elementor-element-34df84c{--display:flex;}.elementor-21244 .elementor-element.elementor-element-34df84c:not(.elementor-motion-effects-element-type-background), .elementor-21244 .elementor-element.elementor-element-34df84c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soor.org/wp-content/uploads/2026/02/53864016593_01d526ce0a_c.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-21244 .elementor-element.elementor-element-b53aea6.elementor-element{--align-self:center;}.elementor-21244 .elementor-element.elementor-element-b53aea6{text-align:center;}.elementor-21244 .elementor-element.elementor-element-b53aea6 .elementor-heading-title{text-shadow:0px 0px 6px #000000;color:#FFFFFF;}.elementor-21244 .elementor-element.elementor-element-f076014{--spacer-size:40px;}.elementor-21244 .elementor-element.elementor-element-5b5ce3e{text-align:center;}.elementor-21244 .elementor-element.elementor-element-5b5ce3e .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-weight:600;color:var( --e-global-color-accent );}.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-21244 .elementor-element.elementor-element-00e7d6f{text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#000000;}@media(max-width:1024px){.elementor-21244 .elementor-element.elementor-element-9daa9c0{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21244 .elementor-element.elementor-element-9daa9c0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-9daa9c0 *//* --- Hover Card: centered title, safe overlay, subtle image zoom --- */

/* prevent parent grid overlay */
.elementor-21244 .elementor-element.elementor-element-9daa9c0::before,
.elementor-21244 .elementor-element.elementor-element-9daa9c0::after {
  content: none !important;
  background: none !important;
}

/* Card base */
.elementor-21244 .elementor-element.elementor-element-9daa9c0 .card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  min-height: 360px;
  isolation: isolate; /* creates a local stacking context so z-index works predictably */
}

/* IMAGE (sits at the bottom layer) */
.elementor-21244 .elementor-element.elementor-element-9daa9c0 .card img {
  position: absolute;      /* ensure it can sit below overlay/text */
  inset: 0;                /* fill the card */
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;              /* bottom-most layer */
  transform: scale(1);     /* base state */
  transition: transform 500ms ease; /* smooth zoom */
}

.elementor-21244 .elementor-element.elementor-element-9daa9c0 .card:hover img {
  transform: scale(1.05);  /* subtle zoom-in on hover */
}

/* OVERLAY (between image and text) */
.elementor-21244 .elementor-element.elementor-element-9daa9c0 .card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);   /* base darkness */
  transition: background 300ms ease, opacity 300ms ease;
  z-index: 1;                        /* above image, below text */
  pointer-events: none;
}

.elementor-21244 .elementor-element.elementor-element-9daa9c0 .card:hover::before {
  background: rgba(0, 0, 0, 0.65);   /* slightly darker on hover */
}

/* TITLE (always centered, never moves) */
.elementor-21244 .elementor-element.elementor-element-9daa9c0 .card .title {
  position: absolute;
  inset: 0;                          /* take the full card */
  display: flex;                     /* robust centering */
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  z-index: 3;                        /* ABOVE overlay & image */
  margin: 0;
  padding: 0 24px;                   /* breathing room on narrow screens */
  transform: none;                   /* prevent translate conflicts */
  transition: none;                  /* no movement on hover */
}

/* OPTIONAL HOVER TEXT (kept simple, fades in if you still use it) */
.elementor-21244 .elementor-element.elementor-element-9daa9c0 .card .hover {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;             /* sit near bottom; adjust if desired */
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #ffffff;
  opacity: 0;
  z-index: 2;                        /* between overlay(1) and title(3); or set to 3 if it must sit above title */
  transition: opacity 300ms ease;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0,0,0,0.8);
}

/* Hover: only fade in hover text (title stays put) */
.elementor-21244 .elementor-element.elementor-element-9daa9c0 .card:hover .hover {
  opacity: 1;
}

/* MOBILE: keep things static and visible */
@media (max-width: 767px) {
  .elementor-21244 .elementor-element.elementor-element-9daa9c0 .card {
    min-height: 240px;
  }

  /* Turn off absolute centering to allow natural stacking */
  .elementor-21244 .elementor-element.elementor-element-9daa9c0 .card .title,
  .elementor-21244 .elementor-element.elementor-element-9daa9c0 .card .hover {
    /*position: relative;*/
    /*inset: auto;*/
    /*display: block;*/
    /*transform: none;*/
    z-index: 3;              /* ensure above overlay */
    opacity: 1;              /* always visible on mobile */
    /*text-align: center;*/
    padding: 12px 16px;
  }

  .elementor-21244 .elementor-element.elementor-element-9daa9c0 .card::before {
    background: rgba(0, 0, 0, 0.45); /* keep base overlay */
  }

  /* No zoom on mobile to avoid layout jank */
  .elementor-21244 .elementor-element.elementor-element-9daa9c0 .card img,
  .elementor-21244 .elementor-element.elementor-element-9daa9c0 .card:hover img {
    transform: none;
  }
}

/* Ensure hover text remains white */
.card .hover,
.card .hover p,
.card .hover a {
  color: #ffffff !important;
}/* End custom CSS */