.image_hover{
  padding: 14.0625rem 0 0rem 0;
  overflow: hidden;
}
.image_hover .image_hover__header{
	margin-bottom: -1rem;
	text-align: end;
}
.image_hover .image_hover__text_small{
	font-size: 1.25rem;
	font-weight: 400;
    margin-left: 4.1rem;
	color: var(--dark-secondary);
	margin-top: 2.875rem;
	width: 31.25rem;
}
.image_hover .image_hover__text_small_right{
    margin-right: 4.1rem;
	font-size: 1.25rem;
	font-weight: 400;
	color: var(--dark-secondary);
	margin-top: 2.875rem;
	width: 31.25rem;
}
.image_hover .image_hover__content{
	min-height: 100vh;
}
.image_hover .image_hover__title{
   margin-bottom: 2.5rem;
}
.image_hover .image_hover__text{
   margin-left: 52.1875rem;
}
.image_hover .image_hover__list{
	position: relative;
	min-height: 100vh;
	width: 100%;
	overflow: hidden;
    gap: 3.375rem;
}
.image_hover .image_hover__list .image_hover__list-content{
	padding-left: 3rem;
	padding-right: 3rem;
	height: 100vh;
}
.image_hover .image_hover__list .image_hover__item{
	flex-shrink: 0;
    width: 27.3125rem;
    height: 36.27125rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.image_hover .image_hover__list .image_hover__item .image_hover__item-bg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	height: 100%;
	width: 160%;
	flex-shrink: 0;
}

.image_hover .image_hover__list .image_hover__item-first{
	position: absolute;
	top: 50%;
	transform: translate(0px, -50%);
	padding-right: 1rem;
	z-index: 2
}
@media screen and (max-width: 767px) {
	.image_hover .image_hover__header{
		margin-bottom: 0;
	}
	.image_hover .image_hover__text{
		margin-left: 0;
	}
	.image_hover .image_hover__text br{
		display: none;
	}
	.image_hover .image_hover__list .image_hover__item{
		width: 15.3625rem;
		height: 20.40125rem;
	}
	.image_hover .image_hover__text_small{
		margin-left: 1rem;
		width: 100%;
	}

	.image_hover .image_hover__list .image_hover__item-first {
		top:0;
		z-index: 1;
		padding-left: 1.25rem;
	}
	.image_hover .image_hover__list .image_hover__list-content{
		padding-left: 1rem;
	}
}
.renovation-slider {
    position: relative;
    padding: 10rem 0 0 0;
    overflow: hidden;

    .image_hover__list {
        display: flex;
        position: relative;
        height: 100vh;
        width: 100%;
        will-change: transform;
    }

    .image_hover__list-content {
        padding-left: 25rem; /* Місце для першого статичного блоку */
        padding-right: 10vw;
        gap: 4rem;
    }

    .image_hover__item {
        position: relative;
        flex-shrink: 0;
        border-radius: 4px;
        overflow: hidden;
        
        &.is-vertical {
            width: 27.3125rem;
            height: 36.27125rem;
        }
        
        &.is-horizontal {
            width: 53.18rem;
            height: 36.27125rem;
        }

        .image_hover__canvas-container {
            width: 100%;
            height: 100%;
            canvas {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
            }
        }
    }

    .image_hover__item-first {
        position: absolute;
        left: 0;
        top: 0;
        width: 25rem;
        height: 100%;
        padding-left: 3rem;
        z-index: 5;
    }
}

@media (max-width: 767px) {
    .renovation-slider {
        .image_hover__list-content { padding-left: 1rem; }
        .image_hover__item {
            width: 85vw !important;
            height: 50vh !important;
            &.is-horizontal, &.is-vertical { width: 85vw; height: 50vh; }
        }
        .image_hover__item-first { position: relative; width: 100%; height: auto; padding: 2rem; }
    }
}