.fh5co-explore .container .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

 
.img-responsive.center-block {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}


@media screen and (max-width: 768px) {
    .fh5co-explore .container .row {
        display: block;
        
        align-items: center;
        justify-content: center;
    }
    
     
    
  }











  #fh5co-project .img-container {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border: 3px solid #EA9215; /* Green border similar to the example */
  
}

#fh5co-project .img-circle {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#fh5co-project .img-container:hover {
    transform: scale(1.05); /* Slightly increase scale on hover */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

#fh5co-project h3 {
    margin-top: 15px;
    font-size: 1.2em;
    color: #000; /* Black color for the name */
    font-weight: bold; /* Bold text */
}

#fh5co-project span {
    font-size: 1em;
    color: #444; /* Dark gray color for the title */
}