/*stack card section*/
.stack-button a.button {border: 2px solid #101828; background: #fff; display: inline-block; color: #0D41E1; border-radius: 6px; transition: 0.3s;}
.stack-button:hover a.button {box-shadow: 4px 4px 0px 0px #101828;}
.card__content .stack-title { font-family: "Plus Jakarta Sans", sans-serif; color: #fff; margin-bottom: 20px;}
.stack-content p { font-size: 20px; line-height: 1.4; color: #fff;}
.stack-content { margin-bottom: 20px;}
.stack-content p:last-child { margin-bottom: 0;}
.card__inner {transform-origin: top center;}
.sticky-title.last-active {transform: translateY(-100%); opacity: 0;}
.sticky-title { position: sticky; top: 120px; transform: translateY(0); opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease;}
.stack-card-scroll .card { position: sticky; top: 220px;}
.stack-card-scroll .card__inner { border: 2px solid #000000; will-change: transform; position: relative; display: grid; justify-content: flex-start;  border-radius: 16px; padding: 40px 55px;
    min-height: 430px; transform-origin: top center !important;  gap: 45px;  grid-template-columns: 1fr 1fr;}
.stack-card-scroll .cards {width: 100%; margin: 0 auto;  display: grid; grid-template-rows: repeat(var(--cards-count), var(--card-height)); gap: 50px 0;}
.stack-card-scroll .card__image-container { width: 100%;}
.stack-card-scroll .card__image-container img {background: #fff; border-radius: 16px; box-shadow: 8px 8px 0px 0px #000000; }
.stack-card-scroll .space { height: 100px;}
.stack-content ul li {margin-top: 0; margin-bottom: 5px; color: #fff; }
.card .stack-content p a {color: #fff; }



@media only screen and (min-width: 1200px) and (max-width: 1500px){
.sticky-title {top: 50px; }
.stack-card-scroll .card { top: 150px;}

}


@media only screen and (min-width: 1200px) and (max-width: 1400px){
.stack-card-scroll .card__inner{min-height: 390px;}


}

@media only screen and (min-width: 960px) and (max-width: 1200px){
.stack-card-scroll .card__inner {min-height: 350px;}
section.vc_section.hero-section {padding-bottom: 60px !important;}


}
@media only screen and (min-width: 768px) and (max-width: 960px){
.stack-card-scroll .card__image-container img { max-width: 330px;}


}

@media (max-width: 1200px) {
.stack-card-scroll .card__inner{padding: 35px 40px;gap: 25px;}
.stack-content p { font-size: 18px;}


}

@media (max-width: 960px) {
.sticky-title {top: 50px;}    
/*stack card*/
.stack-card-scroll .card__inner { gap: 35px; display: flex; flex-direction: column; padding: 30px;}
.stack-card-scroll .card { top: 100px;}
.card__content .stack-title { line-height: 1.5;}


}




@media (max-width: 767px) {
.stack-content p {font-size: 15px;line-height: 1.5;}
.stack-title { margin-bottom: 15px;}
.sticky-title { top: 25px; }
.stack-card-scroll .card { top: 120px;}
.stack-card-scroll .card__image-container img {height: auto; }
.stack-card-scroll .card__inner {padding: 24px; gap: 20px; }
/*.stack-card-scroll .card__inner{min-height: 520px;}*/
.stack-card-scroll .cards { gap: 30px 0;}
.stack-content ul li { margin-bottom: 2px;}
.card__content .stack-title {margin-bottom: 10px;}


.stack-card-scroll .card__inner { min-height: 400px;}



}