.elementor-228 .elementor-element.elementor-element-3dbe8f4{--display:flex;--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;--border-radius:40px 40px 40px 40px;box-shadow:0px 2px 20px 0px rgba(241.99999999999994, 98.00000000000007, 54.99999999999996, 0.36);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-228 .elementor-element.elementor-element-3dbe8f4:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-3dbe8f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2094add );}.elementor-228 .elementor-element.elementor-element-6390073 img{height:200px;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-228 .elementor-element.elementor-element-f9fa8ea{--display:flex;--min-height:65px;--justify-content:center;--background-transition:0.3s;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-228 .elementor-element.elementor-element-f9fa8ea:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-f9fa8ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aabc5da );}.elementor-228 .elementor-element.elementor-element-474818f{background-color:var( --e-global-color-7a7f9f5 );padding:5px 1px 10px 11px;top:0px;border-radius:0px 20px 0px 50px;}body:not(.rtl) .elementor-228 .elementor-element.elementor-element-474818f{right:0px;}body.rtl .elementor-228 .elementor-element.elementor-element-474818f{left:0px;}.elementor-228 .elementor-element.elementor-element-474818f img{width:68%;border-radius:0px 0px 0px 0px;}.elementor-228 .elementor-element.elementor-element-e429e92{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-228 .elementor-element.elementor-element-e429e92.elementor-element{--align-self:center;}.elementor-228 .elementor-element.elementor-element-e429e92 .elementor-heading-title{font-size:20px;font-weight:600;}@media(max-width:767px){.elementor-228 .elementor-element.elementor-element-e429e92 .elementor-heading-title{font-size:18px;}}/* Start custom CSS for image, class: .elementor-element-6390073 */.elementor-228 .elementor-element.elementor-element-6390073 img {
    transition: transform 0.4s ease-in-out;
}

.elementor-228 .elementor-element.elementor-element-6390073:hover img {
    transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9fa8ea */.listing:hover h2{
    color: white;
}


.hover-bg {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.hover-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background-color: #96B23C; /* change color */
  z-index: -1;
  transition: width 0.4s ease;
}

.hover-bg:hover::before {
  width: 100%;
  left:auto;
  right: 0;
}

/* Optional: text color change */
.hover-bg:hover {
  color: #fff;
}/* End custom CSS */