.hero-slideshow {

	width: 100%;

	.hero-slideshow--item {

		width: 100%;
		display: none;

		&:first-child {
			display: block;
		}

		.slide--flex {

			display: flex;
			align-items: center;

			@media screen and (max-width: 1024px) {
				flex-wrap: wrap;
			}

			@media screen and (min-width: 1024px) {
				&.image-right {
					.slide--media {
						order: 2;
					}
				}
			}

			.slide--media {

				width: 50%;

				@media screen and (max-width: 1024px) {
					width: 100%;
				}

				img {
					display: block;
					width: 100%;
					object-fit: cover;
				}

			}

			.slide--content {

				padding: 0 60px;
				width: 50%;

				@media screen and (max-width: 1024px) {
					width: 100%;
					padding: 40px 20px;
				}

				@media screen and (max-width: 768px) {
					padding: 26px 20px;
				}

				.block-title {
					margin: 0 0 12px 0;
					line-height: 1.1;
				}

				.block-content {
					* {
						margin: 0 0 10px 0;
					}
				}

				.btn-flex {
					margin: 26px 0 16px 0;
				}

				.block-disclaimer {
					opacity: .6;
					a {
						text-decoration: underline;
					}
				}

				&.font-arial {
					*:not(.Button) {
						font-family: Arial, Helvetica, sans-serif;
					}
				}

			}

		}

		&.banner-full-width {

			.slide--flex {
				.slide--media {
					width: 100%;
				}
			}

		}

	}

	.slick-dots {

		position: absolute;
		bottom: 20px;
		right: calc(50% + 20px);
		display: flex;
		gap: 8px;
		z-index: 3;

		@media screen and (max-width: 1024px) {
			right: 20px;
			bottom: auto;
			top: calc(100vw - 40px);
		}

		li {

			list-style: none;

			button {
				font-size: 0;
				width: 12px;
				height: 12px;
				border-radius: 2px;
				text-indent: -9999px;
				border: 1px solid #fff;
				transition: .3s all;
			}

			&.slick-active {

				button {
					background: #fff;
				}

			}

		}

	}

	&.slick-initialized {

		.hero-slideshow--item {
			display: block;
		}

	}

	&.ratio-1-0-75 {

		.slick-dots {

			@media screen and (max-width: 1024px) {
				top: calc(75vw - 40px);
			}

		}

	}

}