.elementor-290 .elementor-element.elementor-element-546441bf{--display:flex;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--padding-block-start:40px;--padding-block-end:10px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-290 .elementor-element.elementor-element-546441bf:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-546441bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-290 .elementor-element.elementor-element-546441bf, .elementor-290 .elementor-element.elementor-element-546441bf::before{--border-transition:0.3s;}.elementor-290 .elementor-element.elementor-element-1083a982{text-align:center;}.elementor-290 .elementor-element.elementor-element-1083a982 .elementor-heading-title{color:#97387C;font-family:"Exo", Sans-serif;font-size:40px;font-weight:600;}.elementor-290 .elementor-element.elementor-element-1083a982 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-290 .elementor-element.elementor-element-579b63ec{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-290 .elementor-element.elementor-element-10387c07 .elementor-heading-title{color:#97387C;font-family:"Exo", Sans-serif;font-size:24px;font-weight:700;}.elementor-290 .elementor-element.elementor-element-10387c07 > .elementor-widget-container{margin:0px 0px -16px 0px;}.elementor-290 .elementor-element.elementor-element-19c4ba0b{text-align:center;color:#000000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-290 .elementor-element.elementor-element-19c4ba0b > .elementor-widget-container{margin:0px 0px -35px 0px;}.elementor-290 .elementor-element.elementor-element-11a5c573 .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;background-color:#61CE7000;padding:12px 25px 12px 25px;}.elementor-290 .elementor-element.elementor-element-11a5c573 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-290 .elementor-element.elementor-element-11a5c573.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-290 .elementor-element.elementor-element-546441bf{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-546441bf */.project {
  position: relative;
  overflow: hidden;
  width: 100%; /* your desired width */
  height: 410px; /* your desired height *
}

.pro-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease; /* Optional zoom effect */
}

.pro-txt-box {
  position: absolute;
  bottom: -60%; /* hidden below initially */
  left: 0;
  width: 100%;
  background:#fff; /* semi-transparent background */
  color: #fff;
  padding: 20px;
  box-sizing: border-box;
  transition: bottom 0.5s ease;
}

.project:hover .pro-txt-box {
  bottom: 0px; /* slides up over image */
}

/* Optional: prevent image from zooming or moving */
.project:hover .pro-img {
  transform: none;
}/* End custom CSS */