.elementor-779 .elementor-element.elementor-element-c499361{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-779 .elementor-element.elementor-element-c499361.e-con{--align-self:center;}.elementor-779 .elementor-element.elementor-element-231dc2d .pd-pcf-filter-btn{background-color:#011F5300;color:#000000;border-style:none;}.elementor-779 .elementor-element.elementor-element-231dc2d{width:100%;max-width:100%;}.elementor-779 .elementor-element.elementor-element-231dc2d.elementor-element{--align-self:flex-start;}@media(max-width:767px){.elementor-779 .elementor-element.elementor-element-c499361{--padding-top:10px;--padding-bottom:45px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS */.pd_pcf_single_item {
  position: relative;
  overflow: hidden;
}

.pd_pcf_thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}
.pd_pcf_description {
    display: none;
}

.pd_pcf_title h2 a{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    color: #FFF !important;
}
/* Content overlay setup */
.pd_pcf_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000A1; /* gray with transparency */
  color: #fff;
  padding: 20px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* Show overlay on hover */
.pd_pcf_single_item:hover .pd_pcf_content {
  opacity: 1;
  visibility: visible;
}


 
.allportp .upk-content-wrap {
    width: 100% !important;
    height: 100%  !important;
    text-align: center;
}
.allportp .upk-content {
    height: 100%  !important;
    display : flex; 
    justify-content: center;
    align-items : center;
} 

.pd-pcf-filter-button-group {
    
    margin-top: 20px;
    margin-bottom: 0px;
}
.pd_pcf_thumbnail img
 {
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    width: 100%;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Mobile styles for filter buttons */
@media only screen and (max-width: 768px) {
  .pd-pcf-filter-btn {
    padding: 0px 10px !important;
  }
}


.pd_pcf_single_item, .pd_pcf_thumbnail img {
    box-shadow: 0px 0px 0px 0px rgba(99, 98, 98, 0.7) !important;
}
.allportp .upk-item .upk-content-wrap {
    display: none;
    animation: fadeIn 0.3s ease-in-out; /* Apply the animation */
}

.allportp .upk-item:hover .upk-content-wrap {
    display: block !important;
}















.allportp .upk-content-wrap {
    width: 100% !important;
    height: 100%  !important;
    text-align: center;
}
.allportp .upk-content {
    height: 100%  !important;
    display : flex; 
    justify-content: center;
    align-items : center;
} 




@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.allportp .upk-item .upk-content-wrap {
    display: none;
    animation: fadeIn 0.3s ease-in-out; /* Apply the animation */
}

.allportp .upk-item:hover .upk-content-wrap {
    display: block !important;
}/* End custom CSS */