:root{--card-height:auto;--card-margin:1px;--card-top-offset:0;--numcards:4;--outline-width:0}
#cards{list-style:none;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--numcards),var(--card-height));gap:var(--card-margin);padding-bottom:calc(var(--numcards) * var(--card-top-offset));margin-bottom:var(--card-margin)}
#card-1{--index:1}
#card-2{--index:2}
#card-3{--index:3}
#card-4{--index:4}
.card{position:sticky;top:0;padding-top:calc(var(--index) * var(--card-top-offset))}
.card-content{overflow:hidden}
.card-content>div{grid-area:text;width:95%;max-width:800px;place-self:center;text-align:left;display:grid;gap:1em;place-items:start}
.card{--index0:calc(var(--index) - 1);--reverse-index:calc(var(--numcards) - var(--index0));--reverse-index0:calc(var(--reverse-index) - 1)}
.card__content{transform-origin:50% 0;will-change:transform;--duration:calc(var(--reverse-index0) * 1s);--delay:calc(var(--index0) * 1s);animation:var(--duration) linear scale var(--delay) forwards;animation-timeline:cards-element-scrolls-in-body}
@keyframes scale {
to{transform:scale(calc(1.1 - calc(0.1 * var(--reverse-index))))}
}
.siana,.siana2,.sianta,.sianta2{position:relative;}
.pt-left,.pt-right{display:none;}
@media(min-width:992px){
.siana{padding:25px;}
.siana2{padding:25px;}
.siana::before,.siana::after,.siana2::before,.siana2::after{content:'';position:absolute;background:#eee;border-radius:5px;z-index:-1;}
.siana::before{left:10px;top:10px;width:40%;height:20%;;background:var(--main-color);;}
.siana2::before{right:10px;top:10px;width:40%;height:20%;background:var(--main-color);}
.siana::after{right:0;bottom:0;width:70%;height:60%;}
.siana2::after{left:0;bottom:0;width:70%;height:60%;}
.pt-left{display:block;position:absolute;width:110px;opacity:.04;left:-80px}
.pt-right{display:block;position:absolute;width:110px;opacity:.04;right:-80px}
}

.min80{min-height:100vh}
.bb2{border-bottom:3px solid var(--main-color2)}
.timeline{position:relative;border-left:4px solid #ddd;margin-left:4px}
.timeline li{margin-top:15px;font-size:17px;font-weight:600;padding-left:30px;position:relative}
.timeline li::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background-color:var(--main-color2)}
.stepsss{background:url(images/icons/growth.svg) no-repeat right top;background-size:contain}

.aspiro{background:url(images/icons/aspiration.svg) no-repeat right top;background-size:contain}
.bullt li{position:relative;padding-left:25px;}
.bullt li::before{position:absolute;content:'';left:0;top:8px;width:15px;height:8px;background:var(--main-color);border-radius:30px;transition:var(--transition);}


.lamb{width:2px;height:100px;background:var(--main-color2);margin:20px auto;opacity:.1;}
#rotate {display:inline-block;position:relative;min-width:180px;text-align: left;vertical-align: baseline;}
#rotate div {left: 0;right: 0;display: none;}
#rotate div {display: none;white-space: nowrap;border-bottom:2px solid var(--main-color2);text-align: center;background:#eee}

.kaw{position:absolute;opacity: .05;font-size:50px;font-weight:600;pointer-events:none;z-index:-1;}
.kaw1{top:10%;left:0;transform:translateX(50%);}
.kaw2{top:20%;right:5%;transform:translateX(50%);}
.kaw3{top:30%;left:20%;transform:translateX(50%);}
.kaw4{bottom:0;left:0;transform:translateX(30%);}
.kaw5{bottom:0;right:5%;transform:translateX(50%);}
.kaw6{bottom:30%;right:15%;transform:translateX(50%);}
.kaw7{bottom:25%;left:0%;}
.kaw8{bottom:40%;right:35%;transform:translateX(50%);}

@media(max-width:1199px){
.kaw{font-size:40px;}
}
@media(max-width:991px){
.kaw{font-size:34px;}
}
@media(max-width:767px){
.kaw{font-size:30px;}
}