.nature-slider__button{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff9;
    position: absolute;
    z-index: 40;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}


.nature-slider__button--next{
    right: 16px;
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6667 18.3344H24.31L20.4883 14.5127C20.3336 14.358 20.2108 14.1743 20.1271 13.9721C20.0434 13.7699 20.0003 13.5532 20.0003 13.3344C20.0003 13.1155 20.0434 12.8989 20.1271 12.6967C20.2108 12.4945 20.3336 12.3108 20.4883 12.156C20.6431 12.0013 20.8268 11.8786 21.029 11.7948C21.2311 11.7111 21.4478 11.668 21.6667 11.668C21.8855 11.668 22.1022 11.7111 22.3044 11.7948C22.5066 11.8786 22.6903 12.0013 22.845 12.1561L30.69 20.0011L22.845 27.8461C22.6906 28.0014 22.507 28.1246 22.3048 28.2087C22.1025 28.2928 21.8857 28.3361 21.6667 28.3361C21.4477 28.3361 21.2308 28.2928 21.0286 28.2087C20.8264 28.1246 20.6428 28.0014 20.4883 27.8461C20.3334 27.6914 20.2105 27.5077 20.1267 27.3055C20.0428 27.1033 19.9997 26.8866 19.9997 26.6677C19.9997 26.4488 20.0428 26.2321 20.1267 26.0299C20.2105 25.8277 20.3334 25.644 20.4883 25.4894L24.31 21.6677H11.6667C11.2246 21.6677 10.8007 21.4921 10.4882 21.1796C10.1756 20.867 10 20.4431 10 20.0011C10 19.559 10.1756 19.1351 10.4882 18.8225C10.8007 18.51 11.2246 18.3344 11.6667 18.3344Z" fill="%235D4A39"/></svg>');
}

.nature-slider__button--prev{
    left: 16px;
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.3334 18.3344H15.6901L19.5117 14.5127C19.6665 14.358 19.7892 14.1743 19.873 13.9721C19.9567 13.7699 19.9998 13.5532 19.9998 13.3344C19.9998 13.1155 19.9567 12.8989 19.873 12.6967C19.7892 12.4945 19.6665 12.3108 19.5117 12.156C19.357 12.0013 19.1733 11.8786 18.9711 11.7948C18.7689 11.7111 18.5522 11.668 18.3334 11.668C18.1146 11.668 17.8979 11.7111 17.6957 11.7948C17.4935 11.8786 17.3098 12.0013 17.1551 12.1561L9.31006 20.0011L17.1551 27.8461C17.3095 28.0014 17.4931 28.1246 17.6953 28.2087C17.8975 28.2928 18.1144 28.3361 18.3334 28.3361C18.5524 28.3361 18.7693 28.2928 18.9715 28.2087C19.1737 28.1246 19.3573 28.0014 19.5117 27.8461C19.6666 27.6914 19.7895 27.5077 19.8734 27.3055C19.9572 27.1033 20.0004 26.8866 20.0004 26.6677C20.0004 26.4488 19.9572 26.2321 19.8734 26.0299C19.7895 25.8277 19.6666 25.644 19.5117 25.4894L15.6901 21.6677H28.3334C28.7754 21.6677 29.1993 21.4921 29.5119 21.1796C29.8245 20.867 30.0001 20.4431 30.0001 20.0011C30.0001 19.559 29.8245 19.1351 29.5119 18.8225C29.1993 18.51 28.7754 18.3344 28.3334 18.3344Z" fill="%235D4A39"/></svg>');
}


@media(min-width: 767px) {
    .nature-slider__button--next{
        right: 20%;
    }
    
    .nature-slider__button--prev{
        left: 20%;
    }
}

@media(min-width: 1280px) {
    .nature-slider__button{
        width: 60px;
        height: 60px;
    }
}

.benefits-item--shooting .benefits-item__img-element {
    transform-origin: center;
}

@media (hover: hover) {
    .benefits-item--nature:hover svg {
        animation: 0.7s jump ease;
    }
    
    .benefits-item--hunting:hover svg {
        animation: 0.7s moveRotate ease;
    }
    
    .benefits-item--bath:hover svg {
        animation: 0.7s jump ease;
    }
    
    .benefits-item--travel:hover svg {
        animation: 0.6s moveRight ease-in-out;
    }
    
    .benefits-item--shooting:hover .benefits-item__img-element {
        animation: 0.6s scaleShoot ease-in-out;
    }
    
    .benefits-item--house:hover .benefits-item__img-element {
        animation: 0.8s smokeVanish ease-in-out;
    }
    
    .benefits-item--food:hover .benefits-item__img-element {
        animation: 0.8s smokeVanish ease-in-out;
    }
    
    .benefits-item--rest:hover .benefits-item__img-element-1 {
        animation: 0.8s vanishCloud ease-in-out;
    }
    
    .benefits-item--rest:hover .benefits-item__img-element-2 {
        animation: 0.8s vanishMoon ease-in-out;
    }
}

@keyframes jump {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

@keyframes moveRotate {
    0%, 100% {
        transform: translateX(0) rotate(0);
    }
    50% {
        transform: translateX(-10px) rotate(-15deg);
    }
}

@keyframes moveRight {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(6px);
    }
}

@keyframes scaleShoot {
    0%, 100% {
        transform: scale(1) translateY(0);
    }
    50% {
        transform: scale(1.2) translateY(-6px);
    }
}

@keyframes smokeVanish {
    0%, 100% {
        opacity: 1;
        transform: translateY(0);
    }
    50%, 80% {
        opacity: 0;
        transform: translateY(-7px);
    }
}

@keyframes vanishCloud {
    0%, 100% {
        opacity: 1;
        transform: translateX(0);
    }
    50%, 80% {
        opacity: 0;
        transform: translateX(-15px);
    }
}

@keyframes vanishMoon {
    0%, 100% {
        opacity: 1;
        transform: translateX(0);
    }
    50%, 80% {
        opacity: 0;
        transform: translateX(15px);
    }
}