.eisod-slider {
	position: relative;
	width: 100%;
	height: 550px;
	overflow: hidden;
	background: #111;
}

.eisod-slider__slides {
	position: absolute;
	inset: 0;
}

.eisod-slider__slide {
	position: absolute;
	inset: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease;
}

.eisod-slider__slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.eisod-slider__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0.25) 55%,
		rgba(0, 0, 0, 0.10) 100%
	);
}

.eisod-slider__content {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: min(1100px, 82%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
}

.eisod-slider__content h2 {
	margin: 0 0 22px;
	color: #fff;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.15;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
}

.eisod-slider__content p {
	margin: 0 auto;
	max-width: 1000px;
	color: #fff;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.35;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
}

.eisod-slider .eisod-slider__arrow {
        appearance: none;
        -webkit-appearance: none;
        position: absolute;
        z-index: 10;
        top: 50%;

        width: 54px !important;
        height: 76px !important;

        margin: 0;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;

        color: #fff !important;
        font-size: 38px;
        line-height: 76px;
        text-align: center;

        text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);

        cursor: pointer;
        transform: translateY(-50%);

        opacity: 0.85;
        transition: opacity 0.2s ease;
}

.eisod-slider .eisod-slider__arrow:hover {
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1;
}

.eisod-slider .eisod-slider__arrow--prev {
        left: 18px !important;
        right: auto !important;
}

.eisod-slider .eisod-slider__arrow--next {
        right: 18px !important;
        left: auto !important;
}

.eisod-slider__dots {
	position: absolute;
	z-index: 5;
	bottom: 22px;
	left: 50%;
	display: flex;
	gap: 9px;
	transform: translateX(-50%);
}

.eisod-slider .eisod-slider__dot {
        appearance: none;
        -webkit-appearance: none;
        display: block;
        flex: 0 0 11px;
        width: 11px !important;
        height: 11px !important;
        min-width: 11px;
        min-height: 11px;
        margin: 0;
        padding: 0 !important;
        border: 1px solid #fff !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.25) !important;
        box-shadow: none !important;
        cursor: pointer;
}

.eisod-slider .eisod-slider__dot.is-active {
        background: #fff !important;
}

@media (max-width: 900px) {
	.eisod-slider {
		height: 430px;
	}

	.eisod-slider__content h2 {
		font-size: 40px;
	}

	.eisod-slider__content p {
		font-size: 19px;
	}

	.eisod-slider__arrow {
		width: 42px;
		height: 60px;
		line-height: 60px;
		font-size: 28px;
	}
}

@media (max-width: 600px) {
	.eisod-slider {
		height: 360px;
	}

	.eisod-slider__content {
		width: 78%;
	}

	.eisod-slider__content h2 {
		font-size: 27px;
		margin-bottom: 14px;
	}

	.eisod-slider__content p {
		font-size: 16px;
		line-height: 1.4;
	}

	.eisod-slider__arrow {
		width: 34px;
		height: 48px;
		line-height: 48px;
		font-size: 22px;
	}

	.eisod-slider__arrow--prev {
		left: 8px;
	}

	.eisod-slider__arrow--next {
		right: 8px;
	}

	.eisod-slider__dots {
		bottom: 12px;
	}
}