.section-title h4{
    position:relative;
    display:inline-block;
}
.section-title h4::before{
    content:"";
    position: absolute;
    left:30px;
    bottom:-10px;
    border-bottom:3px solid black;
    width:65px;
}
.project-filters .nav-link {

    color: #555;

    font-weight: 500;

    padding: 8px 16px;

    border-radius: 25px;

    transition: all 0.3s ease;
}
.project-filters .nav-link:hover {

    color: #000;

    background-color: #e9ecef;

    transform: translateY(-2px);
}
.project-filters .nav-link.active {

    color: white;

    background-color: #ffc107;

    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
}

.project-card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.5s ease;
}
.project-card:hover img {

    transform: scale(1.08);
}
.project-image {

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}
#all-projects-btn {

    border: none;

    font-weight: 600;

    border-radius: 20px;

    transition: all 0.3s ease;
}


#all-projects-btn:hover {

    transform: translateY(-3px);

    box-shadow: 0 6px 15px rgba(255, 193, 7, 0.35);
}

@media  (max-width:767px) {
   
    .projects img{
        width: 100%;
    }
    
}
@media (min-width: 768px) and (max-width: 1200px) { 

    .projects img{
        width: 100%;
    }
 
 }