div.PageCarouselEvents {
	& ul {
		gap: 0 ;
		
		margin: 1rem 0 ;
		padding: 0;
		font-size: 1rem;
		& a {
			color: #000;
			text-decoration: none;
		}
		& a.list-item-container {
			display: block;
			width: 100%;
			height: auto;
			transition: all 0.3s ease-in-out;
			padding: 8px 6px;
			box-sizing: border-box;
			border-radius: 10px;
			cursor: pointer;
			width: 280px;
			aspect-ratio: 1/1.5;
			position: relative;
			
		}
		& a.list-item-container:hover {
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.55);
			background-color: #fff !important;
		}
		& li {
			padding: 0.4em 0.15em 1em 0.3em;
			overflow: hidden;
			aspect-ratio: 1/1.43;
			margin: 0;
			padding: 0.5rem;
			& .title-event {
				height: 3.4em;
				overflow: hidden;
				font-weight: 600;
				font-size: 1.1em;
				line-height: 1.15;
				width: 100%;
				text-transform: capitalize ;
				margin-bottom: 0.3em;
			}
			& .img-events {
				aspect-ratio: 1 / 0.8;
				overflow: hidden;
				width: 100%;
				& img {
					width: 100% !important;
					height: 100% !important;
					object-fit: cover !important;
					vertical-align: middle;
					border: none;
				}
			}
			& .event-text-container {
				padding: 10px 0;
				width: 100%;
				font-size: 1.1em;
				& .event-location-like {
					width: 100%;
					float: left;
					& .event-location {
						width: 80%;
						overflow: hidden;
						float: left;
						font-size: 1em;
						padding-top: 4px;
					}
					& user-likeheckbox {
						float: right;
						padding: 0px 0px;
					}
				}
				& .event-types {
					padding: 9px 0 3px 0;
				}
				& .event-date {
					font-weight: 600;
					padding: 0.1em 0;
				}
			}
			& .event-learn-more {
				font-weight: 600;
				text-transform: uppercase;
				font-size: 0.8em;
				position: absolute;
				bottom: 8px;
				left: 5px;
				& i {
					font-size: 0.7em;
					padding-right: 5px;
				}
				& span {
					display: inline-flex;
					align-items: center;
				}
			}
		}
	}
}