.elementor-287 .elementor-element.elementor-element-74654277{--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-287 .elementor-element.elementor-element-74654277:not(.elementor-motion-effects-element-type-background), .elementor-287 .elementor-element.elementor-element-74654277 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-287 .elementor-element.elementor-element-74654277, .elementor-287 .elementor-element.elementor-element-74654277::before{--border-transition:0.3s;}.elementor-287 .elementor-element.elementor-element-388f4114{text-align:center;}.elementor-287 .elementor-element.elementor-element-388f4114 .elementor-heading-title{color:#97387C;font-family:"Exo", Sans-serif;font-size:40px;font-weight:600;}.elementor-287 .elementor-element.elementor-element-388f4114 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-287 .elementor-element.elementor-element-758b54ab{--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-287 .elementor-element.elementor-element-17811f80 .elementor-heading-title{color:#97387C;font-family:"Exo", Sans-serif;font-size:24px;font-weight:700;}.elementor-287 .elementor-element.elementor-element-17811f80 > .elementor-widget-container{margin:0px 0px -17px 0px;}.elementor-287 .elementor-element.elementor-element-6a6d8d9c{text-align:center;color:#000000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-287 .elementor-element.elementor-element-6a6d8d9c > .elementor-widget-container{margin:0px 0px -23px 0px;}.elementor-287 .elementor-element.elementor-element-4629ce78 .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-287 .elementor-element.elementor-element-4629ce78 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-287 .elementor-element.elementor-element-4629ce78.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-287 .elementor-element.elementor-element-74654277{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-74654277 */.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 */