.hero-slideshow {

	width: 100%;

	.blocks {

		.block {

			display: none;
			width: 100%;
			position: relative;
			color: #fff;

			&:first-child {
				display: block;
			}

			.content {

				position: absolute;
				top: 50%;
				left: 0;
				transform: translate(0, -50%);
				padding: 20px 70px;

				@media screen and (max-width: 990px) {
					padding: 40px;
					width: 100%;
					top: auto;
					bottom: 0;
					transform: translate(0, 0);
				}

				.block-title {
					color: #fff;
					margin:0 0 13px 0;
				}
				.rte * {
					color: #fff;
				}
				.btn {
					margin-top: 20px;
				}

			}

			img {

				width: 100%;
				border-radius: 20px;

				&.image-dt {
					@media screen and (max-width: 990px) {
						display: none;
					}
				}

				&.image-m {
					display: none;
					@media screen and (max-width: 990px) {
						display: block;
					}
				}

			}

		}

		&.slick-initialized {
			.block {
				display: block;
			}
		}

		.slick-dots {

			display: flex;
			justify-content: space-between;
			padding: 0 40px;
			gap: 20px;

			@media screen and (max-width: 990px) {
				width: 100%;
				padding: 0 30px;
			}

			li {

				list-style: none;
				flex: 1;

				button {
					width: 100%;
					padding: 0;
					font-size: 0;
					height: 6px;
					border-radius: 100px;
					border: none;
					background: var(--grey);
					@media screen and (max-width: 990px) {
						min-width: unset;
					}
				}

				&.slick-active {
					button {
						background: var(--primary);
					}
				}

			}

		}

	}

	&[data-count="1"] {
		.slick-dots {
			display: none;
		}
	}

}