/*
Custom CSS for TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

*/

/* Active Nav Link Styling */
#main_nav .nav-item .nav-link.active {
    color: #fff !important;
}

/* Client Logo Uniform Sizing */
.recent-work.card {
    height: 300px;
    display: flex;
    flex-direction: column;
}

.recent-work-img.card-img {
    height: 300px;
    object-fit: contain;
    object-position: center;
    background-color: #ffffff;
    padding: 20px;
    width: 100%;
}

.recent-work .recent-work-vertical {
    height: 300px;
}

/* Ensure cards maintain consistent height on all screen sizes */
@media (max-width: 768px) {
    .recent-work.card {
        height: 250px;
    }
    
    .recent-work-img.card-img {
        height: 250px;
    }
    
    .recent-work .recent-work-vertical {
        height: 250px;
    }
}

/* Service Card Uniform Sizing */
.service-work.card {
    height: 300px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.service-work .card-img,
.service-work .service.card-img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.service-work .service-work-vertical {
    height: 300px;
}

/* Ensure service cards maintain consistent height on all screen sizes */
@media (max-width: 768px) {
    .service-work.card {
        height: 250px;
    }
    
    .service-work .card-img,
    .service-work .service.card-img {
        height: 250px;
    }
    
    .service-work .service-work-vertical {
        height: 250px;
    }
}