.carousel-container {
    width: 100%;   
    margin: 0 auto;
    overflow: hidden;
}

.mySwiper {
    width: 100%;
}

.swiper-wrapper {
    display: flex;
    align-items: center;
    padding: 10px;
}

.swiper-slide {
    width: calc(100% / 3.5);
    max-width: 500px;
    aspect-ratio: 1 / 1;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius:0 !important;
	border:none !important;
}

.swiper-slide.selected {
    outline: 8px solid #91D0DC !important;
}

.card-inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 40px;
    border-radius: 0 !important;!I;!;
}

.card-inner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(2px); 
}

.card-content {
    position: relative;
    z-index: 2;
    color: white;
    width: 100%;
}

.card-title {
    font-size: 35px;
    margin: 0;
    text-align: left;
    color:white;
    font-family: 'Libre Caslon Display';
    text-transform: uppercase;
}

.card-line {
    width: 100%;
    height: 1px;
    background-color: white;
    margin: 10px 0;
}

.card-date {
    font-size: 15px;
    text-align: left;
    margin: 0;
    color:white;
    font-family: "Karla";
    font-weight: 300;
}

@media(max-width:480px){
	.swiper-slide.selected {
    	border: 8px solid #91D0DC !important;
		outline:none;
}
	.swiper-wrapper{
	padding:0;
}
}