:root {
  --color-primary: #91020A;
  --color-secundary: #191A76;
  --color-three: #C1A93C;
  --colorr-four: #ebf2f5;
}

.gallery-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 var(--color-secundary);
    transition: transform 0.3s;
}

.gallery-img:hover {
    transform: scale(1.05);
}
.gallery-iframe:hover {
    transform: scale(1.05);
}
.filter-btn {
    background-color: #c0c1c7 !important;
    color: #000;
    border: none;
    border-radius: 50px !important;
    padding: 1rem 1.5rem !important;

}

.filter-btn.active {
    background-color: var(--color-primary) !important;
    border: none;
    padding: 10px;
    border-radius: 50px;
    color: #F3F4F6 !important;

}


@media screen and (max-width:768px) {

    .filter-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .filter-column button {
        width: 100%;
        margin-bottom: 10px;
    }

    .gallery-img{
        height: 250px;
    }

}