html {
    scroll-behavior: smooth;
}
.scrolling-cards {
    overflow: hidden !important;
    position: relative !important;
}
@media(max-width:767px){
	.scrolling-cards-header {top:64px !important;}
	.scrolling-cards .pin-spacer{margin-top: -64px !important;}
}

.scrolling-cards-header-wrapper {
    height: 100vh !important;
    left: 0;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scrolling-cards-header {
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.scrolling-cards-header {
    will-change: transform; /* Optimize for animations */
}
.scrolling-cards-image {
    height: 100vh !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important;
	transition: opacity 0.8s ease !important;
}
.scrolling-cards-image {
  transform: translateZ(0);
  will-change: transform, opacity;
}
.scrolling-cards-card {
  backface-visibility: hidden;
  transform: translateY(50px);
	transition: opacity 0.8s ease !important;
}
.scrolling-cards-card{opacity: 0;}
.scrolling-cards-image{opacity: 0;}
.scrolling-cards-image.active {
  opacity: 1;
}
@media(min-width:1024px){
.scrolling-cards-item:nth-child(2){position:absolute !important;left:0px;top:0px;}
}
.scrolling-cards-card.active {
  opacity: 1;
  transform: translateY(-50%);
}
.scrolling-cards-image:after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0;
    width: 100%;
}

.scrolling-cards-image img {
    height: 100vh !important;
    object-fit: cover !important;
}

.scrolling-cards-title {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 50% !important;
    height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 50px !important;
    z-index: 10 !important;
}

.scrolling-cards-item {
    height: 100vh !important;
    position: relative !important;
    width: 100% !important;
}

.scrolling-cards-card {
    background-color: #FFF;
    padding: 50px !important;
    position: absolute !important;
    right: 50% !important;;
    top: 50% !important;
    transform: translateX(50%);
    width: 580px !important;
    z-index: 2 !important;
}

.scrolling-cards-card p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
    .scrolling-cards-title {
        justify-content: center !important;
        padding: 0 0 0 calc((100vw - 1180px) / 2 + 20px) !important;
        width: 48vw !important;
    }

    .scrolling-cards-card {
        max-width: calc(50% - 20px);
/*        right: calc((100vw - 1180px) / 2 - 20px) !important;*/
        right: calc((100vw - 1180px) / 2 + 10px) !important;
        /* top: 250px !important; */
        transform: translateY(-50%) !important;
    }
}

@media screen and (max-width: 1024px) {
    .scrolling-cards-title {
        width: 100% !important;
        justify-content: unset !important;
        padding-left: 23px !important;
        padding-right: 23px !important;
    }

    .scrolling-cards-card {
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
        width: calc(100vw - 46px) !important;
        padding: 30px 25px !important;
    }

}


/* body.page-id-43 .scrolling-cards-item.e-con{
	transition: unset !important;
}

body.page-id-43 .scrolling-cards-card.e-con{
	transition: unset !important;
} */

div#NoTransition {
    --background-transition: none !important;
    --border-transition: none !important;
    --e-con-transform-transition-duration: none !important;
    transition: none !important;
}

.scrolling-cards-item:first-child .scrolling-cards-card {
    transform: none !important;
}