#site-content {
	overflow: visible;
}

.block-values-inner h2 {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 15rem;
}
.values-wraper {
/*     margin-left: -6rem;
    margin-right: -6rem; */
}


.value-item {
    position: sticky;
    top: 15rem;
    bottom: auto;
    min-height: 60rem;
    box-shadow: 0px -50px 90px rgb(14 30 35);
    margin-top: 15rem;
    padding: 6rem;
    gap: 6rem;
    display: flex;
    border-radius: 2.5rem;
    background: rgb(34 48 51 / 85%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.value-item:first-of-type {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.value-item h3 {
    margin-top: 0;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    padding-bottom: 2rem;
}
.value-item-content {
    width: 50%;
}
.value-item-figure-wrapper {
	width: 50%;
}
.value-item figure {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    width: 100%;
}

.value-item figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.value-item:nth-of-type(even) {
    flex-direction: row-reverse;
}





/* Desktop small */
@media only screen and (max-width: 1100px) {

.values-wraper {
    margin-left: -2rem;
    margin-right: -2rem;
}
.value-item figure {
    padding-bottom: 60%;
}
	
.value-item {
    flex-direction: column-reverse !important;
    padding: 0;
	top: 0;
}

.value-item-content {
    width: 100%;
	padding: 0 4rem;
}

.value-item-figure-wrapper {
    width: 100%;
}
	
}


@media only screen and (max-width: 700px) {
.value-item-content {
 
	padding: 0 2rem;
}
}