.swiper-container {
	padding-top: 50px;
	padding-bottom: 50px;
    overflow: hidden;
}

.swiper-slide {
	width: 400px;
	height: 450px;
	padding: 5px;
}

@media (max-width: 576px) {
    .swiper-slide {
        width: 325px !important;
    }
}

.swiper-content {
	.hero {
        background-position: center !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
		height: 175px;
		.calendar {
			width: 60px;
			height: 60px;
			float: right;
            border: 2px solid var(--primary-color) !important;
			border-radius: 50%;
			margin-right: 15px;
			margin-top: 15px;
			color: var(--text-color);
			flex-direction: column;
			.date {
				font-size: .8rem;
			}
		}
		.photo-btn {
			bottom: 0;
			color: var(--text-color);
			transition: .2s all;
            .text {
                background-color: var(--background-color) !important;
                border-bottom: 2px solid var(--primary-color) !important;
            }
		}
	}
}

.swiper-pagination-bullet-active {
    background: var(--primary-color) !important;
}