.image-category-heading{
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%;

    h2{
        font-size: 24px;
        color:#3A504F;
        margin-bottom: 0;
        padding-bottom: 0;
        letter-spacing: 0.05em;
    }

    .heading-and-icon{
    display: flex;
    align-items: center;
    gap:8px;
    }

    .heading-and-icon img{
        height:24px;
        width: auto;
    }

   
}
.image-category-menu .row{
    row-gap: 60px;
}
 .image-category-cards{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:16px;

        
    }

.grid-1  .image-category-cards{
     grid-template-columns: repeat(1, 1fr)!important;
}
.grid-2  .image-category-cards{
     grid-template-columns: repeat(2, 1fr)!important;
}
.grid-3  .image-category-cards{
     grid-template-columns: repeat(3, 1fr)!important;
}
.grid-4  .image-category-cards{
     grid-template-columns: repeat(4, 1fr)!important;
}



.image-category-card{
        .card-image{
            height: 283px;
            

            
            overflow: hidden;
            border-bottom: 10px solid #2D3F40;
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                transition: transform 0.4s ease-in-out;
            }
            img:hover{
            transform: scale(1.1);
            }
        }
       
       
        .card-content{
            display: flex;
            justify-content: space-between;

        .card-title{
            align-items: center;
            display: flex;
            height:auto;
            padding:0 12px;
            h3 {
                font-size: 16px!important;
                font-family: mulish!important;
                font-weight: 800!important;
                margin-bottom: 0!important;
                padding-bottom: 0!important;
                line-height: 18px!important;
                letter-spacing: 0.05em;
            }
        }
    }
}


@media (max-width:1024px ){
.col-md-4 .image-category-cards{
     grid-template-columns: repeat(1, 1fr)!important;
}

.col-md-9  .image-category-cards{
     grid-template-columns: repeat(2, 1fr)!important;
}
.col-md-12  .image-category-cards{
     grid-template-columns: repeat(3, 1fr)!important;

}
.image-category-card{
        .card-image{
 height: auto;
 aspect-ratio: 1/1;
        }
    }

}

@media (max-width:768px){

.col-sm-12  .image-category-cards{
     grid-template-columns: repeat(2, 1fr)!important;

}

}