.capturedmoments {
font-family:'Figtree';
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #fff;
}
.filter-container {
display: flex;
justify-content: space-between;
padding: 20px;
background-color: #f4f4f4;
align-items: center;
}
.filter-container {
position: sticky;
top: 10%;
z-index: 100;}
.filter-container {
margin-block-start: 0rem !important;
}
.year-selector {
padding: 0% 5%;
}
.filter-menu .active:focus { border: none !important;outline-style: none;}
.filter-menu :focus-visible, .filter-menu :focus-within{ border: none !important;outline-style: none;}
.filter-menu {
padding: 0% 5%;}
.filter-menu button {
border: none;
background: none;
font-size: 38px;
font-weight: 500;
cursor: pointer;
padding: 10px 20px;
color: #696969;
}
.filter-menu button:hover,
.filter-menu .active {
text-decoration: underline;
color: #88271A;
}
.year-selector select { padding: 10px 65px 10px 35px;
font-size: 32px;
border-radius: 5px;
border: 1px solid #88271A;
color: #5C0904;
cursor: pointer;
line-height: 1.5;
outline: none;
background-image: url(https://jaigalagali.com/wp-content/uploads/2024/12/arrow-down-sign-to-navigate-1.png);
background-repeat: no-repeat;
background-position: 85% 50%;
background-size: 20px;
padding-right: 70px;
}
.year-selector select {
appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.gallery-container {
display: grid;
grid-template-columns: auto auto auto;
gap: 20px;
padding: 2% 5%;
}
.gallery-item {
background: white;
border-radius: 5px; overflow: hidden;
text-align: left;
padding: 10px;
}
.gallery-item img {
width: 100%; }
.gallery-item p {
font-size: 28px;
margin: 10px 0 5px;
color: #88271A;
font-weight: 500;
}
.gallery-item span {
font-size: 16px;
margin: 10px 0 5px;
color: #88271A;
font-weight: 400;
}
.gallery.middleside {
margin-top: 20%;
} 
.gallery-container .grid-items-video .v-box::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://jaigalagali.com/wp-content/uploads/2024/12/play_button_arrowhead.png);
background-position: center;
background-size: 60px;
background-repeat: no-repeat;
}
.gallery-container .grid-items-video .v-box {
position: relative;
transition: 0.3s all ease-in-out;
}
@media only screen and (max-width: 781px) {
.gallery-container {display: grid; grid-template-columns: auto auto;gap: 20px;padding: 2% 5%;}
.year-selector select {font-size: 16px;}
.filter-menu button {font-size: 20px; padding: 10px 15px;}
.gallery.middleside {margin-top: 0% !important;}
.filter-menu {padding:0%;}
.gallery-item p {font-size: 16px;}
.gallery-container .grid-items-video .v-box::before {background-size: 30px;}
}