.Gallery {
	width: 100%;
	aspect-ratio: 3.12;
	position: relative;
	display: flex;
	.galleryItem{
		position: absolute;
		width:100%;
		height: 100%;
		top:0;
		left:0;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		.description{
			display:flex;
			flex-direction: column;
			justify-content: center;
			align-items: baseline;
			position: absolute;
			left:10%;
			width: 80%;
			gap: 0px;
			top:50%;
			transform: translate(0,-50%);
			.label{
				font-weight: bold;
				color: #fff;
				text-shadow: 0 2px 4px rgba(0, 0, 0, 0.54);
				line-height: 40px;
				padding: 13px 0;
			}	
			.text{
				color: #fff;
				line-height: 28px;
				text-shadow: 0 2px 4px rgba(0, 0, 0, 0.54);
				padding: 13px 0;
				font-size: var(--mid-font-size);
				font-family: var(--prm-font);
			}				
			.action{
				text-decoration: none;
				font-family: var(--prm-font);
				font-size: var(--prm-font-size);
				font-weight: 600;				
				line-height: 48px;
				border-radius: 8px;
				border-color: var(--color-hightlight);
				background-color: var(--color-hightlight);
				width:initial;
				color: #FFF;
				padding: 0 40px;
				margin-top: 46px;
			}
			.label:empty, .text:empty, .action:empty{
				display: none;
			}
		}
	}
	.slidesPan{
		position: absolute;
		bottom: 4%;
		left: 50%;
		transform: translate(-50%,0);
		display: none /* flex */;
		flex-direction: row;
		gap:44px;
		span{
			width:20px;
			height:20px;
			border-radius: 20px;
			background-color: #FFF;
			opacity: 0.5;
			cursor: pointer;
		}
		span.On{
			opacity: 1;
		}
	}
	>.Icon{
		position: absolute;
		width:38px;
		height:38px;
		top: 50%;
		transform: translate(0,-50%);
		background-color: #FFF;
	}
	>.Icon.Right{
		right: 3.1%;
	}
	>.Icon.Left{
		left: 3.1%;
	}	
}
@media screen and (max-width: 900px) {
	.Gallery{
		.galleryItem {
			.description{
				width: 50%;
				.label{
					font-size: 42px;
				}
				.action{
					padding: 0;
					width: 100%;
					text-align: center;
				}
			}			
		}
		.slidesPan{
			display: none;
		}
	}	
}
@media screen and (max-width: 768px) {
	.Gallery{
		aspect-ratio: 1.48;
		.galleryItem {
			.description{
				width: 70%;
				left:15%;
				bottom: 10px;
				top: unset;
				transform: none;				
				.label{
					font-size: var(--mid-font-size);
					line-height: 21px;
					padding: 0;
					font-weight: bold;
				}
				.text{
					font-size: var(--small-font-size);
					line-height: 15px;
					padding: 14px 0;
					font-weight: 500;
				}
				.action{
					height: 29px;
					line-height: 29px;
					padding: 0 14px;
					border-radius: 4px;			
					font-size: var(--small-font-size);
					border: 0;
					width: max-content;					
					margin: 14px 0;
				}
			}			
		}
		.slidesPan{
			display: none;
		}
		>.Icon.Right{
			right: 7px;
		}
		>.Icon.Left{
			left: 7px;
		}			
	}
}