.swiper-slide .attraction {
    display: flex;
    width: 145px !important;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
	border-radius: 8px;
    height: 100%;
    border: 1px solid #eeeeee;
}
.swiper-slide .attraction img {border-radius: 8px;}
.attraction__name {
    border: 1px solid var(--BORDER);
    border-radius: 0 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl);
    display: flex;
    width: 145px;
    padding: 15px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    flex-shrink: 0;
}

.attraction__img {
    height: 84px;
    width: 145px;
}

.modal-content.attraction-content{
	top: 50px;
	height: 500px;
	overflow: auto;
}