About us

 

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}body{font-family:"noto sans",sans-serif;}.timeline{overflow-x:visible;} .timeline ul{padding:0px 0;} .timeline ul li{list-style-type:none;position:relative;width:6px;margin:0 auto;padding-top:50px; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%); background: #41B37590;} .timeline ul li::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:inherit;z-index:1;} .timeline ul li div{position:relative;bottom:0;width:400px;padding:15px;background: #ffffff10;box-shadow: 0 10px 40px rgb(0 0 0 / 20%); border-radius: 10px;} .timeline ul li div::before{content:"";position:absolute;bottom:7px;width:0;height:0;border-style:solid;} .timeline ul li:nth-child(odd) div{left:45px;} .timeline ul li:nth-child(odd) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #f0f1ff transparent transparent;} .timeline ul li:nth-child(even) div{left:-439px;} .timeline ul li:nth-child(even) div::before{right:-15px;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #f0f1ff;}time{display:block;font-size:1.2rem;font-weight:bold;margin-bottom:8px;} .timeline ul li::after{transition:background 0.5s ease-in-out;} .timeline ul li.in-view::after{background:#41B375;} .timeline ul li div{visibility:hidden;opacity:0;transition:all 0.5s ease-in-out;} .timeline ul li:nth-child(odd) div{transform:translate3d(200px,0,0);} .timeline ul li:nth-child(even) div{transform:translate3d(-200px,0,0);} .timeline ul li.in-view div{transform:none;visibility:visible;opacity:1;}@media screen and (max-width:900px){.timeline ul li div{width:200px;} .timeline ul li:nth-child(even) div{left:-289px;}}@media screen and (max-width:600px){.timeline ul li{margin-left:20px;} .timeline ul li div{width:calc(100vw - 91px);} .timeline ul li:nth-child(even) div{left:45px;} .timeline ul li:nth-child(even) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #f0f1ff transparent transparent;}} .timeline-clippy ul li::after{width:40px;height:40px;border-radius:0;}.timeline-rhombus ul li::after{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);} .timeline-rhombus ul li div::before{bottom:12px;}.timeline-star ul li::after{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);} .timeline-heptagon ul li::after{clip-path:polygon(50% 0%,90% 20%,100% 60%,75% 100%,25% 100%,0% 60%,10% 20%);}.timeline-infinite ul li::after{animation:scaleAnimation 2s infinite;} @keyframes scaleAnimation{0%{transform:translateX(-50%) scale(1);}50%{transform:translateX(-50%) scale(1.25);}100%{transform:translateX(-50%) scale(1);}} /* Dark Mode */ .drK ..timeline ul li.in-view div .timeline ul li.in-view div img{background-image:linear-gradient(to top right,#363636,#717171)}






Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.