.elementor-17705 .elementor-element.elementor-element-51bc1577 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-17705 .elementor-element.elementor-element-460a2585 .houzez-spacer-inner{height:20px;}.elementor-17705 .elementor-element.elementor-element-a14ed78 > .elementor-container{max-width:1320px;}.elementor-17705 .elementor-element.elementor-element-1123f265{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-17705 .elementor-element.elementor-element-618b9b9a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17705 .elementor-element.elementor-element-5bfc6742 > .elementor-container{max-width:1320px;}.elementor-17705 .elementor-element.elementor-element-5bfc6742{margin-top:20px;margin-bottom:0px;}.elementor-17705 .elementor-element.elementor-element-91da6f2 .houzez-spacer-inner{height:50px;}@media(max-width:1024px){.elementor-17705 .elementor-element.elementor-element-460a2585 .houzez-spacer-inner{height:30px;}.elementor-17705 .elementor-element.elementor-element-91da6f2 .houzez-spacer-inner{height:30px;}}@media(max-width:767px){.elementor-17705 .elementor-element.elementor-element-460a2585 .houzez-spacer-inner{height:30px;}.elementor-17705 .elementor-element.elementor-element-91da6f2 .houzez-spacer-inner{height:30px;}}/* Start custom CSS for shortcode, class: .elementor-element-f87fbca */.developer-card {
  position: relative;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  height: 250px;
  margin: 10px;
  border-radius: 12px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  text-decoration: none;
  transition: transform 0.3s, box-shadow 0.3s;
  display: block;
}

/* Overlay layer */
.developer-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.2); /* default overlay color */
  transition: opacity 0.4s ease;
  z-index: 1;
}

/* Text container */
.developer-card .developer-info-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 15px;
  box-sizing: border-box;
  z-index: 2;
  transition: opacity 0.4s ease, transform 0.4s ease;
     background: #02010100!important;                 

}

/* Hover state: remove overlay + hide title */
.developer-card:hover::before {
  opacity: 0; /* overlay fades out */
}

.developer-card:hover .developer-info-overlay {
  opacity: 0;
  transform: translateY(20px); /* slide down while hiding */
}/* End custom CSS */