.event-section{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.swiper{
padding-right: 20px !important;
}

.center-slide{
justify-content: center;
margin-left: 12.5px;
}

.swiper-slide{
height: unset !important;
}

.swiper-button-next{
min-width: 26px !important;
max-width: 26px !important;
display: flex;
justify-content: end !important;
align-items: center;
height: unset !important; 
position: relative  !important;
right: 0  !important;
color: black  !important;
@media (max-width: 450px) {
display: none !important;
}
}

.swiper-button-prev{
min-width: 26px !important;
max-width: 26px !important;
height: unset !important; 
justify-content: start !important;
position: relative  !important;
left: 0  !important;
color: black  !important;
@media (max-width: 450px) {
display: none !important;
}
}

.event-card{
display: flex !important;
flex-direction: column;
justify-content: space-between;
border-radius: 5px;
max-width: 650px;
min-width: 270px;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.35), 0 6px 8px 0 rgba(0, 0, 0, 0.35);
text-align: left;
margin: 25px 0px 50px 0px;

@media (max-width: 700px) {
  min-width: unset;
}

.event-image{
border-top-left-radius: 5px;
border-top-right-radius: 5px;}

.event-date {
font-family: MuseoSans, sans-serif;
    text-transform: uppercase;
padding: 10px;
margin: 0px;
}

.event-title{
font-size: 20px;
padding: 0px 10px;
margin: 0px;
margin-bottom: 5px;
color: #000000 !important;
}

.event-description{
font-family: MuseoSans, sans-serif;
font-size: 16px !important;
color: #000000 !important;
padding: 10px;
margin: 0px;
}

.event-button-area{
align-self: self-end;
}

.event-button{
background-color: #000000;
color: #ffffff !important;
text-decoration: none !important;
padding: 10px;
margin: 10px;
border-radius: 5px;
display: block;
}

.event-button:hover{
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25), 0 4px 6px 0 rgba(0, 0, 0, 0.25);
}

}

.swiper-pagination-bullet-active{
    background: #D32028 !important;
}

.event-swiper {
  opacity: 0;
  transition: opacity 0.3s ease;
  
}
.event-swiper.swiper-initialized {
  opacity: 1;
}