.glry-grid {
    /* border: 1px solid red; */
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: space-evenly;
}
.item {
    width: 250px;
    border-radius: 10px;
    overflow: hidden;
    height: 250px;
    transition: .3s;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
    transition: .5s ease-in-out;
}
.glry-grid a {
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    width: 24%;
    height: 207px;
    border-radius: 10px;
    overflow: hidden;
}
.item img {
    width: 100%;
    transition: .5s ease-in-out;
}
.item:hover img {
    scale: 1.05;
    transition: .5s ease-in-out;
}
.item:hover .box_10 {
    height: 100%;
    transition: .5s ease-in-out;
    align-items: center;
}
.box_10 {
    position: absolute;
    width: 100%;
    height: 50%;
    display: flex;
    bottom: 0;
    background: linear-gradient(to bottom, #61809f00, var(--main-color));
    text-align: center;
    color: white;
    padding: 10px;
    /* font-weight: bold; */
    font-size: 1rem;
    align-items: flex-end;
    justify-content: center;
    transition: .5s ease-in-out;
}
.demo-gallery{
    margin-top: 20px;
}
.demo-gallery .main-f {
    justify-content: space-evenly;
}
.demo-gallery .single-f {
    width: 240px;
    height: 180px;
}
.demo-gallery .single-f img {
    height: 97%;
}
.item img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    transition: .5s ease-in-out;
}
.image-box.item-zoom {
    height: 100%;
}
.pad15 {
    height: 100%;
}