.history-para-tag p{padding-top:30px;padding-bottom:0}.swiper{width:100%;height:100%}.SwiperHistory .swiper-wrapper{color:#000;margin-top:-130px!important}.SwiperHistory .swiper-slide p.active-class{color:#80327e;font-weight:600}.HistorSwiper .swiper-slide{padding-top:150px!important}.SwiperHistory-mob .swiper-wrapper{margin-left:-130px!important}@media not (max-width:800px){.SwiperHistory-mob .swiper-wrapper{margin-left:-80px!important}}@media not (max-width:600px){.SwiperHistory-mob .swiper-wrapper{margin-left:-70px!important}}@media not (min-width:600px){.SwiperHistory-mob .swiper-wrapper{margin-left:-30px!important}}@media not (min-width:500px){.SwiperHistory-mob .swiper-wrapper{margin-left:-20px!important}}.normal-year{z-index:50;background:#80327e;width:8px;height:8px;position:absolute;top:35px;right:24px}.year-active{background:#80327e;width:12px;height:12px;top:35px;right:22px}.normal-year-mob{z-index:50;background:#80327e;border-radius:100%;width:8px;height:8px;position:absolute;top:-23px;left:15px}.SwiperHistory-mob{padding-top:48px!important}.SwiperHistory-mob .swiper-wrapper{color:#000}.SwiperHistory-mob .swiper-slide p.active-class-mob{color:#80327e}.year-active-mob{z-index:50;background-image:url(https://api.propshell.com/img/2025/05/TIMELINE-LOGO.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:28px;height:28px;transition:all .3s ease-in-out;position:absolute;top:-33px;left:1px}.slide-2-sub-act{color:#c989c9}.HistorSwiper-mob{height:100%}.swiper-slide{height:auto;display:flex}@media (max-width:450px){.apexcharts-legend{max-width:328px}}
@media (max-width:1024px){.sectionInner{flex-direction:column;display:flex;overflow:hidden}}.timelinewrapper,.animation-container{position:relative}.sectionInner{width:100%;height:110vh;position:sticky;top:0}.squaresWrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.squaresInner{width:100%;height:100%;position:absolute;top:-1.813rem;left:.8rem}.square_1{transform-origin:50%;background-color:#fff;width:.25rem;height:.25rem;position:absolute}.date_Wrabber{justify-content:center;align-items:center;display:flex;position:absolute;inset:-5.875rem 30px 0 0;transform:rotate(-90deg)}.dateContent{aspect-ratio:1;justify-content:flex-start;align-items:center;width:51.8%;display:flex;position:relative;transform:translate(1.2vw)}.date{text-align:left;width:50%;transform:rotate(calc(var(--index-rotate) * var(--angle-date-mobile) * -1deg));transform-origin:100%;font-weight:500;line-height:1.1;transition:opacity .6s;position:absolute}.left_wrapper{position:relative;left:50%;transform:translate(-50%)}.squarecontainer{width:0;height:0;position:absolute;top:50%;left:50%}.svgcircle{aspect-ratio:1272/1314;width:100%;display:block;position:relative;transform:rotate(90deg)scaleY(-1)}.right_wrapper,.mobile_right_wrapper{margin-top:1.5625rem;padding:0 1rem}.logoWrapper{place-items:center;display:grid;position:absolute}.logo{width:100%;max-width:4.125rem;height:100%;max-height:4.125rem}.postwrapper{transform-origin:5%;place-items:center stretch;width:100%;transition:transform .2s;display:grid;position:relative}.post{grid-area:1/1;position:relative}.postInner{text-align:center;position:relative}@media (max-width:590px){.sectionInner{width:100%;height:100vh;position:sticky;top:0}}@media (min-width:590px) and (max-width:817px){.sectionInner{width:100%;height:100vh;position:sticky;top:-5rem}.dateContent{width:30%}}@media (min-width:818px) and (max-width:1024px){.sectionInner{width:100%;height:250vh;position:sticky;top:-10rem}.dateContent{width:30%}}@media (min-width:64rem){.timelinewrapper{margin:200px 0}.date_Wrabber{top:0;transform:rotate(0)}.date{text-align:right;transform:rotate(calc(var(--index-rotate) * var(--angle-date) * 1deg));transform-origin:0;padding-left:0;padding-right:2.8125rem;font-size:1.25rem;transition:transform .5s}.date:hover{--index-rotate:1}.left_wrapper{width:80%;position:absolute;top:50%;left:0;transform:translate(-35vw,-50%)}.svgcircle{width:78vw;top:0;left:0;transform:none}.dateContent{justify-content:flex-end}.right_wrapper{align-items:center;margin:0;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}.logoWrapper{left:8vw}.post{transform:rotate(calc(var(--index-rotate) * var(--angle-post) * 1deg));transform-origin:5%;padding-left:50.5vw;transition:transform .5s}.post:hover{--index-rotate:1}.postInner{text-align:left;width:39vw}}