.item-gallery.flexslider {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.item-gallery .slides > li:first-child {
	display: block;
}

.item-gallery .flex-control-nav {
    position: relative;
    bottom: 0;
    margin-top: var(--spacing-2xs);
    margin-bottom: var(--spacing-lg);
}

.item-gallery .flex-control-paging li a {
	width: 10px;
	height: 10px;
	background: var(--color-medium);
	opacity: 0.5;
	text-indent: 0;
	overflow: hidden;
	font-size: 0;
}

.item-gallery .flex-control-paging li a.flex-active,
.item-gallery .flex-control-paging li a:hover {
	background: var(--color-default);
	opacity: 1;
}

.item-gallery .flex-direction-nav {
	z-index: 3;
}

.item-gallery .flex-direction-nav a {
	width: 44px;
	height: 44px;
	margin-top: -22px;
	color: var(--color-white);
	text-shadow: none;
	cursor: pointer;
	pointer-events: none;
}

.item-gallery:hover .flex-direction-nav a,
.item-gallery:focus-within .flex-direction-nav a {
	pointer-events: auto;
}

.item-gallery .flex-direction-nav a:before {
	display: block;
	width: 10px;
	height: 10px;
	margin: 16px auto 0;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	font-size: 0;
	content: "";
}

.item-gallery .flex-direction-nav .flex-prev:before {
	transform: translateX(3px) rotate(135deg);
}

.item-gallery .flex-direction-nav .flex-next:before {
	transform: translateX(-3px) rotate(-45deg);
}
.item-gallery img {
    aspect-ratio: 4/3;
}

.item-gallery .slides li > a {
	display: block;
	cursor: zoom-in;
}

@media (hover: none) {
	.item-gallery .flex-direction-nav a {
		pointer-events: auto;
	}
}