.filter{
    background-color: var(--theme-color-3);
}
.filter_menu{
    margin-block: 90px!important;
    display: flex;
    justify-content: center;
}
.filter-button{
    cursor: pointer;
    color: var(--text-color-2);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-weight: 300;
    line-height: 2em;
    font-family: var(--bs-font-Catamaran);
    text-decoration: none;
}
.filter_gallery{
    margin-bottom: 90px;
}
.galleryimg{
    width: 345px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-inline: 15px;
    margin-block: 15px;
}
.galleryimg img{
    height: 475px;
    width: auto;
    cursor: pointer;
}

/* hover effect */
.filter span{
    margin-inline: .5rem;
    text-transform: uppercase;
    position: relative;
}
.filter span:hover{
    color: var(--text-color-2);
}
.filter span::after{  
    content: '';
	position: absolute;
	bottom: 0;
	left: -2px;
	height: 1px;
	width: calc(100% + 2px);
	background-color: var(--theme-color-2);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .36s cubic-bezier(.57,.01,.29,.99);
}
.filter span:hover::after, .filter span.a2::after {
	transform: scaleX(1);
	transform-origin: left;
}