@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fjalla+One&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,serif;font-optical-sizing:auto;font-weight:500;font-style:normal}html,body{width:100%;height:100%}body{background-color:#fff;color:#000;transition:background-color .3s,color .3s;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-100;background-image:url(/header-gradient.svg);background-repeat:no-repeat;background-position:center top;background-size:1400px}.dark_mode{background-color:#090b0c;color:#fff}main{height:100%;width:100%;display:flex;align-items:center;flex-direction:column;overflow-x:hidden}.headmain{width:100%;height:100vh;display:flex;align-items:center;flex-direction:column}.Navmain{margin-top:25px;margin-left:25px;margin-right:25px;height:4.5rem;width:50%;padding:20px 30px;border-radius:40px;background:#ffffff29;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5.2px);-webkit-backdrop-filter:blur(5.2px);z-index:1000;transition:all .3s ease;position:relative;overflow:hidden}.connect_icons{display:flex;gap:10px;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;width:100%}.dark_mode .Navmain{color:#fff}.box{height:100%;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;margin:0;overflow:hidden;box-sizing:border-box}.micon{font-family:"Cedarville Cursive",serif;font-weight:400;font-style:normal;font-size:2.4rem;z-index:1001;flex-shrink:0;margin-right:20px;min-width:fit-content}.navlink{display:flex;list-style:none;margin:0;padding:0;flex:1;justify-content:center;align-items:center}.navlink a{font-size:17px;text-decoration:none;color:inherit;font-weight:500;padding:4px 8px;border-radius:8px;transition:all .3s ease;cursor:pointer;white-space:nowrap;text-align:center;min-width:fit-content;flex-shrink:1;position:relative;display:inline-block}.navlink a:hover{transform:scale(1.1)}.navlink .active{font-weight:700;background:linear-gradient(90.42deg,#4ab1f1 .58%,#566cec,#d749af 73.87%,#ff7c51 112.26%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.navlink .active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90.42deg,#4ab1f1 .58%,#566cec,#d749af 73.87%,#ff7c51 112.26%);border-radius:1px}.connect{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;margin-left:15px;max-width:280px;overflow:hidden;box-sizing:border-box}.connect i{cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;box-sizing:border-box}.connect i:hover{background:#ffffff1a;transform:scale(1.05)}.horizantalLine{border-left:1.5px solid black;height:16px;margin:0 6px;flex-shrink:0}.dark_mode .horizantalLine{border-left:1.5px solid white}#toggle{display:none}#toggle-label{cursor:pointer;outline:transparent;flex-shrink:0;margin:0 4px}#toggle-div{height:18px;width:36px;background-color:#357bb3;border-radius:16.6px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:inset .3px .8px .8px #000c,inset -.3px -.8px .8px #0003,.6px .6px .6px #fff;flex-shrink:0}.backdrops{position:absolute;left:1.6px;top:1.6px;height:14.6px;width:14.6px;transition:all .3s ease}.backdrop{height:30px;width:30px;background-color:#ffffff1a;border-radius:100%;position:absolute;left:30%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.backdrop:after,.backdrop:before{content:"";height:30px;width:30px;background-color:#ffffff1a;border-radius:100%;position:absolute;transition:all .3s ease}.backdrop:before{left:15%}.backdrop:after{left:30%}.clouds{position:absolute;height:100%;width:100%;top:50%;left:0;transform:translateY(-50%);transition:all .3s ease}.cloud{position:absolute;right:10%;top:50%;background-color:#fbfbfb;height:3px;width:14px;border-radius:0 14px 14px;transform:scale(-.8,.8)}.cloud:before{content:"";position:absolute;background-color:#fbfbfb;height:3px;width:12px;bottom:3px;left:0;border-radius:14px 14px 0 0}.cloud:after{content:"";position:absolute;background-color:#fbfbfb;height:6px;width:6px;bottom:3px;left:1.6px;border-radius:100%}.cloud-1{top:45%;right:22%;transform:scale(-.6,.6);opacity:.5}.cloud-2{top:20%;right:0%;transform:scale(-.6,.6);opacity:.5}.cloud-3{top:92%;right:35%}.cloud-4{top:85%;right:10%;transform:scaleX(-1)}.cloud-5{top:60%;right:-18%;transform:rotate(-50deg) scaleX(-1)}.sun-moon{height:14.6px;width:14.6px;background:linear-gradient(90deg,#f1c428,#ff7c51);border-radius:100%;box-shadow:inset .3px .8px .5px #ffffff80,inset -.3px -.8px .5px #00000080,.8px .8px 1.6px #00000080;position:absolute;left:1.6px;top:1.6px;transition:.3s ease;overflow:hidden}.sun-moon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#c5c9d3;border-radius:100%;z-index:-1}.stars{position:absolute;height:100%;width:100%;top:-50%;left:0;transform:translateY(-50%);transition:all .3s ease}.star{position:absolute;left:10%;top:50%;height:1px;width:1px;border-radius:100%;background-color:#c4c9d2;box-shadow:0 0 .6px #fff;animation:twinkle 1s infinite alternate}.star:before{content:"";position:absolute;left:300%;top:300%;height:.6px;width:.6px;border-radius:100%;background-color:#c4c9d2;box-shadow:0 0 .6px #fff}.star:after{content:"";position:absolute;left:400%;bottom:400%;height:.83px;width:.83px;border-radius:100%;background-color:#c4c9d2;box-shadow:0 0 .6px #fff}.star-2{left:40%;top:10%;transform:rotate(75deg) scale(1.1);animation-delay:.3s}.star-3{left:40%;top:60%;transform:rotate(150deg) scale(.8);animation-delay:.6s}.crater{display:none;position:absolute;left:30%;top:60%;transform:translate(-50%,-50%);height:4px;width:4px;background-color:#949eb2;border-radius:100%;box-shadow:inset 0 0 .5px #0006}.crater:before{content:"";height:2px;width:2px;position:absolute;top:-100%;left:50%;background-color:#949eb2;border-radius:100%;box-shadow:inset 0 0 .5px #0006}.crater:after{content:"";height:3px;width:3px;position:absolute;bottom:40%;left:150%;background-color:#949eb2;border-radius:100%;box-shadow:inset 0 0 .5px #0006}#toggle-div.night{background-color:#1d1f2b}input:checked~.clouds{top:150%}input:checked~.sun-moon{left:calc(100% - 16.2px);background-color:#c4c9d2;transform:rotate(180deg)}input:checked~.backdrops{left:calc(100% - 19.2px)}input:checked~.sun-moon .crater{display:block}input:checked~.stars{top:50%}.night{background-color:#1d1f2b!important}@keyframes twinkle{0%{opacity:1}to{opacity:.5}}.btn-menu{display:none;align-items:center;justify-content:center;cursor:pointer;color:inherit;transition:all .3s ease;background:transparent;border:none;padding:0;z-index:1002;font-size:1.5rem;width:36px;height:36px;flex-shrink:0;margin-left:6px;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}.btn-menu:hover{background:transparent;transform:none}.btn-menu:active{transform:scale(.95);background:transparent}.btn-menu:focus{outline:none;box-shadow:none}.btn-menu i{transition:transform .3s ease;font-size:16px;color:inherit}.btn-menu:hover i{transform:scale(1.2)}.btn-menu:active i{transform:scale(1.1)}.rotate-icon{transition:transform .3s ease}.fa-xmark{transform:rotate(180deg)}.fa-bars{transform:rotate(0)}.btn-menu:hover .fa-xmark{transform:rotate(180deg) scale(1.2)}.btn-menu:hover .fa-bars{transform:rotate(0) scale(1.2)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(-100%);padding:260px 20px;box-sizing:border-box}.mobile-overlay.open{opacity:1;visibility:visible;transform:translateY(0)}.dark_mode .mobile-overlay{background:#090b0cfa}.mobile-nav{display:flex;flex-direction:column;gap:30px;text-align:center;animation:slideInUp .6s ease-out;width:100%;max-width:600px;padding:20px;box-sizing:border-box}.mobile-nav a{font-size:2.2rem;font-weight:600;color:#fff;text-decoration:none;padding:20px 30px;border-radius:20px;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;border:2px solid transparent;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;box-sizing:border-box;min-height:70px}.mobile-nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.mobile-nav a:hover:before{left:100%}.mobile-nav a:hover{background:#ffffff1a;transform:scale(1.05);border-color:#ffffff4d;box-shadow:0 10px 30px #ffffff1a}.mobile-nav a.active{background:linear-gradient(90.42deg,#4ab1f1 .58%,#566cec,#d749af 73.87%,#ff7c51 112.26%);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:#4ab1f1;box-shadow:0 0 30px #4bb1f14d}.mobile-social{display:flex;gap:25px;margin-top:50px;justify-content:center;animation:slideInUp .8s ease-out;flex-wrap:wrap;padding:0 20px}.mobile-social i{font-size:1.8rem;color:#fff;padding:18px;border-radius:50%;background:#ffffff1a;transition:all .3s ease;cursor:pointer;border:2px solid transparent;width:60px;height:60px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-social i:hover{background:#fff3;transform:scale(1.2) rotate(10deg);border-color:#ffffff4d;box-shadow:0 10px 25px #fff3}.mobile-close{position:absolute;top:30px;right:30px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;width:50px;height:50px;border-radius:50%;transition:all .3s ease;z-index:1003;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-close:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px #ffffff4d}.mobile-close:active{transform:rotate(90deg) scale(.95);background:#ffffff4d}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1350px){.btn-menu{display:flex}.navlink{display:none}.Navmain{width:70%;padding:18px 25px}}@media (max-width: 950px){.Navmain{width:90%;padding:16px 20px}.btn-menu{width:34px;height:34px;font-size:15px;margin-left:5px}#toggle-div{height:17px;width:34px}.horizantalLine{height:15px;margin:0 5px}}@media (max-width: 768px){.connect_icons{display:none}#toggle-div{width:32px}.horizantalLine{margin:0 4px}.btn-menu{width:32px;font-size:14px;margin-left:4px}.mobile-overlay{padding:100px 15px 60px}.mobile-nav a{font-size:1.8rem;padding:16px 25px;gap:25px;min-height:60px}.mobile-social{gap:20px;margin-top:40px;padding:0 15px}.mobile-social i{font-size:1.5rem;padding:15px;width:50px;height:50px}.mobile-close{width:45px;font-size:1.3rem;top:25px;right:25px}}@media (max-width: 480px){#toggle-div{height:15px;width:30px}.horizantalLine{height:13px;margin:0 3px}.btn-menu{width:30px;height:30px;font-size:13px;margin-left:3px}.mobile-overlay{padding:80px 10px 50px}.mobile-nav{gap:20px;padding:15px}.mobile-nav a{font-size:1.5rem;padding:14px 20px;gap:20px;min-height:55px;letter-spacing:1px}.mobile-social{gap:15px;margin-top:30px;padding:0 10px}.mobile-social i{font-size:1.3rem;padding:12px;width:45px;height:45px}.mobile-close{width:40px;height:40px;font-size:1.2rem;top:20px;right:20px}}@media (max-width: 360px){.Navmain{margin-left:8px;margin-right:8px;padding:8px 12px;width:calc(100% - 16px);min-height:48px}.btn-menu{width:28px;height:28px;font-size:12px;margin-left:2px}#toggle-div{height:14px;width:28px}.horizantalLine{height:12px;margin:0 2px}.mobile-overlay{padding:70px 8px 40px}.mobile-nav a{font-size:1.3rem;padding:12px 18px;min-height:50px}.mobile-social i{font-size:1.2rem;padding:10px;width:42px;height:42px}}.circular-text{margin:0 auto;border-radius:50%;width:120px;position:relative;height:120px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:20px;transition:all .5s cubic-bezier(0,0,0,1)}@font-face{font-family:Media Sans SemiCondensed;src:url(/assets/mediasanssemicondensed-bold-TRIAL-BF63c75479cdb92-pWs3U5od.otf) format("truetype")}.headerMain{height:90vh;width:80%;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.animatedBg{position:absolute;height:90vh;width:80%;background-image:url(/pc.webp);background-size:50%;background-repeat:no-repeat;background-position:center;animation:moveRotate 4s infinite alternate ease-in-out}.headerMain p{font-size:3.3vw;line-height:4.7vw;position:absolute}.userImage img{-o-object-fit:cover;object-fit:cover;height:5vw;border-radius:30px;width:3.5vw;-webkit-animation:rotateZ 5s linear infinite;animation:rotateZ 5s linear infinite}@-webkit-keyframes rotateZ{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes rotateZ{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}.year{background-image:url(https://i.pinimg.com/736x/4c/9f/6f/4c9f6f6de75a115ba46e584a623d4533.jpg);background-size:cover;color:var(--year-text-color, white);padding:1px 15px;border-radius:35px;display:inline-block}.dark_mode{--year-text-color: black}@media (max-width:950px){.headerMain{width:90%}}.herobox{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;height:100%;width:100%}.herobox h3{font-family:Media Sans SemiCondensed;font-size:12vw;cursor:pointer;white-space:nowrap}.herobox .passion_1{position:absolute;-webkit-text-stroke:1px white;transition:.5s ease;color:transparent;top:30%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.herobox .passion_2{position:absolute;-webkit-text-stroke:1px white;transition:.5s ease;color:#fff;top:60%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.herobox_image{position:absolute;height:35vw;display:flex;align-items:center;justify-content:center;width:40vw}.herobox_image img{height:100%;animation:moveRotate 4s infinite alternate ease-in-out}@keyframes moveRotate{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(-5.035px,-6.554px,0) rotate(.787deg)}to{transform:translate3d(10px,10px,0) rotate(-1deg)}}.herobox .passion_1_outline{position:absolute;-webkit-text-stroke:1px white;transition:.5s ease;color:transparent;top:30%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;justify-content:center}.herobox .passion_2_outline{position:absolute;-webkit-text-stroke:1px white;transition:.5s ease;color:transparent;top:60%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.circletext{height:100px;width:100px;position:absolute;top:90%;right:9%}@media (max-width:1024px) and (min-width: 768px){.herobox h3{font-size:15vw}.herobox .passion_1{top:15%}.herobox .passion_2{top:38%}.herobox .passion_1_outline{top:15%}.herobox .passion_2_outline{top:38%}.herobox_image{top:46%}.herobox_image img{height:100%}.circletext{top:50%;right:5%}}@media (max-width:768px){.herobox h3{font-size:13.5vw;letter-spacing:2px}.herobox .passion_1{top:12%}.herobox .passion_2{top:28%}.herobox .passion_1_outline{top:12%}.herobox .passion_2_outline{top:28%}.herobox_image{top:42%;width:50vw;height:50vw}.circletext{top:35%;right:5%;width:8px}}@media (max-width:480px){.herobox .passion_1{top:10%}.herobox .passion_2{top:20%}.herobox .passion_1_outline{top:10%}.herobox .passion_2_outline{top:20%}.herobox_image{top:40%;width:65vw;height:65vw}}:root{--primary-color: #E1CBFF;--secondary-color: #ADDBFF;--dark-bg: #1D0A42;--light-bg: #DDF1FF}.timelineMain{min-height:120vh;width:100%;display:flex;justify-content:center}.tm{position:relative;min-height:100vh;width:100%}.rIcon a{position:relative}.rIcon a:before{content:"";position:absolute;top:50%;left:-50px;width:50px;height:70px;margin-left:-2px;border-top:3px solid rgb(129,77,222);border-left:3px solid rgb(129,77,222);border-top-left-radius:50px;border-bottom:none;border-right:none;background-color:transparent}.rIcon{position:absolute;left:15%}.timeline{width:3px;height:91%;position:absolute;left:calc(15% - 50.5px);top:9%;background:linear-gradient(#814dde 60%,#094dde)}.wish{position:absolute;top:6%;left:15%}.wish h2{font-size:5vw;margin-block-start:1.5rem;margin-block-end:1rem}.wish h4{color:#8f8fa3;font-size:1.6em;margin-block-start:.73em;margin-block-end:1.33em;margin-inline-start:0px;margin-inline-end:0px}.wish h4 .nam{margin:10px;display:inline;color:#c3a5f7;font-weight:700;text-decoration:underline dotted}h4 .nam:hover{text-decoration:underline}.wish h4 .stu{background:linear-gradient(90deg,#7873f5,#6fb6ff,#7873f5);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s infinite linear;font-weight:700;margin:10px}@keyframes shine{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.wish h4 .na{font-weight:700;color:#8f8fa3;text-decoration:underline dotted;margin:10px}.wish h4 .na:hover{text-decoration:underline}.wish h4 .op{margin:10px;color:#fff;font-weight:700}.poi{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#814dde;background:var(--dark-bg, #F4EAFF);position:absolute;left:calc(15% - 49.5px);top:32%;transform:translate(-50%);border:none;outline:rgb(129,77,222) solid 2px;box-shadow:#a374f966 0 0 40px 5px}.pon{position:absolute;top:31.6%;left:15%}.pon h2{font-size:2.3em}.pon h2 span{display:inline;color:#a374f9;font-weight:700}.terminal{height:61%;width:75%;position:absolute;top:38.5%;left:15%}@media (max-width:1024px) and (min-width: 768px){.timeline{top:8%;height:110%}.wish{width:75%}.poi{top:25%}.pon{top:24.6%}.terminal{top:30%;width:75%}}@media (max-width:768px){.rIcon{display:flex;justify-content:center;position:static}.rIcon a:before{display:none}.wish{position:absolute;top:4%;left:5%;width:90%}.wish h2{font-size:10vw;text-align:center}.wish h4{font-size:5vw;text-align:center}.timeline{height:5%;top:43%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent 10%,#814dde)}.poi{top:46%;left:50%;transform:translate(-50%,-50%)}.terminal{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%)}.pon{width:100%;top:51%;left:50%;transform:translate(-50%,-50%)}.pon h2{font-size:2.5rem;text-align:center}.timelineMain{min-height:138vh}}@media (max-width: 480px){.timelineMain{min-height:115vh}.wish{top:8%}.pon{top:46%}.poi{top:41.5%}.timeline{top:37%}.terminal{top:84%}}@media (max-width: 360px){.timelineMain{min-height:175vh}.poi{top:35%}.timeline{top:32%}.pon{top:40%}.terminal{top:76%}}@media (max-width: 360px) and (max-height: 760px){.timelineMain{min-height:135vh}}@media (max-width: 360px) and (max-height: 800px){.timelineMain{min-height:120vh}}@media (min-width: 380px) and (max-width: 390px) and (min-height: 850px) and (max-height: 860px){.timelineMain{min-height:140vh}.timeline{top:30%}.poi{top:33%}.pon{top:38%}.terminal{top:74%}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 800px) and (max-height: 820px){.timelineMain{min-height:130vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 840px) and (max-height: 850px){.timelineMain{min-height:140vh}.poi{top:33%}.pon{top:37.5%}.timeline{top:30%}.terminal{top:73%}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 650px) and (max-height: 670px){.timelineMain{min-height:180vh}.poi{top:34%}.timeline{top:31%}.pon{top:39%}.terminal{top:75%}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 630px) and (max-height: 650px){.timelineMain{min-height:180vh}}@media (min-width: 400px) and (max-width: 420px) and (min-height: 840px) and (max-height: 850px){.timelineMain{min-height:140vh}.poi{top:33%}.pon{top:37.5%}.timeline{top:30%}.terminal{top:73%}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 750px) and (max-height: 770px){.timelineMain{min-height:152vh}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 730px) and (max-height: 750px){.timelineMain{min-height:160vh}}@media (min-width: 310px) and (max-width: 330px) and (min-height: 560px) and (max-height: 570px){.timelineMain{min-height:220vh}.poi{top:30%}.timeline{top:27%}.pon{top:35%}.terminal{top:70%}}@media (min-width: 410px) and (max-width: 420px) and (min-height: 730px) and (max-height: 740px){.timelineMain{min-height:150vh}.poi{top:35%}.timeline{top:32%}.pon{top:40%}.terminal{top:75%}}@media (min-width: 380px) and (max-width: 390px) and (min-height: 630px) and (max-height: 650px){.timelineMain{min-height:180vh}.poi{top:34%}.timeline{top:31%}.pon{top:39%}.terminal{top:75%}}@media (min-width: 400px) and (max-width: 420px) and (min-height: 810px) and (max-height: 830px){.timelineMain{min-height:145vh}.poi{top:37%}.pon{top:42%}.timeline{top:34%}.terminal{top:78%}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 840px) and (max-height: 860px){.timelineMain{min-height:140vh}.poi{top:33%}.pon{top:37.5%}.timeline{top:30%}.terminal{top:73%}}@media (min-width: 310px) and (max-width: 330px) and (min-height: 640px) and (max-height: 670px){.timelineMain{min-height:200vh}.poi{top:32%}.timeline{top:29%}.pon{top:37%}.terminal{top:72%}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 770px) and (max-height: 790px){.timelineMain{min-height:150vh}.poi{top:35%}.pon{top:40%}.timeline{top:32%}.terminal{top:75%}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 700px) and (max-height: 730px){.timelineMain{min-height:140vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 750px) and (max-height: 760px){.timelineMain{min-height:140vh}.timeline{top:34%}.poi{top:37%}.pon{top:43%}.terminal{top:78%}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 630px) and (max-height: 650px){.timelineMain{min-height:160vh}.timeline{top:33%}.poi{top:36.5%}.pon{top:42%}.terminal{top:76%}}@media (min-width: 400px) and (max-width: 420px) and (min-height: 710px) and (max-height: 730px){.timelineMain{min-height:150vh}.timeline{top:33%}.poi{top:36.5%}.pon{top:42%}.terminal{top:78%}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 590px) and (max-height: 610px){.timelineMain{min-height:175vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 670px) and (max-height: 680px){.timelineMain{min-height:165vh}.timeline{top:32%}.poi{top:35.5%}.pon{top:41%}.terminal{top:77%}}@media (min-width: 420px) and (max-width: 440px) and (min-height: 750px) and (max-height: 770px){.timelineMain{min-height:145vh}.timeline{top:33%}.poi{top:36.5%}.pon{top:42%}.terminal{top:78%}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 740px) and (max-height: 750px){.timelineMain{min-height:140vh}.timeline{top:33%}.poi{top:36.5%}.pon{top:42%}.terminal{top:78%}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 660px) and (max-height: 840px){.timelineMain{min-height:170vh}.timeline{top:33%}.poi{top:36.5%}.pon{top:42%}.terminal{top:78%}}.rLink a{text-decoration:none;color:#addbff;border-radius:100px;border:2px solid color-mix(in srgb,rgb(129,77,222),black 40%);padding-block:.375rem;padding-inline:1.5rem;flex-shrink:0;padding:8px 16px 8px 8px;display:inline-flex;align-items:center;justify-content:space-between;-webkit-tap-highlight-color:transparent;background-color:transparent;height:67px;width:335px}.resume-icon{border:2px solid rgb(129,77,222);border-radius:50%}.resume-icon i{margin:.75rem}.rLink div p{font-size:14.5px;line-height:20px;margin:0 10px}.rLink div p:nth-child(2){font-weight:100}.resume-link{transition:.2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out}.resume-link:hover{background:color-mix(in srgb,var(--joy-palette-primary-900, #00153C),transparent 50%);box-shadow:0 0 100px 50px #00153c80}.resume-link:hover .arrow i{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.arrow{width:10px;margin-right:3px}.arrow i{transition:transform .3s ease-in-out,content .3s ease}.resume-link:hover .arrow i:before{content:""}.terminalMain{width:100%;height:100%;background-color:#1e1e1e;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #0003}.top{background-color:#2d2d2d;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3d3d3d}.bottom{flex:1;overflow-y:auto;padding:16px;font-family:Consolas,Monaco,monospace;color:#fff;font-size:14px;line-height:1.5;background-color:#1e1e1e}.terminal-content{display:flex;flex-direction:column;gap:4px}.terminal-line{white-space:pre-wrap;word-break:break-all;padding:2px 0;animation:fadeIn .2s ease-out}.terminal-line.input{color:#fff;font-weight:500}.terminal-line.output{color:#a9b7c6}.terminal-input-line{display:flex;align-items:center;gap:8px;margin-top:8px;position:relative}.prompt{color:#6a8759;font-weight:500}.terminal-input-line input{flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:inherit;outline:none;caret-color:#fff;padding:4px 0}.terminal-input-line input::placeholder{color:#666;font-style:italic}.terminal-input-line input:focus{outline:none}.bottom::-webkit-scrollbar{width:8px}.bottom::-webkit-scrollbar-track{background:#1e1e1e}.bottom::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.bottom::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.left{display:flex;align-items:center;gap:8px}.active{display:flex;align-items:center;gap:8px;background-color:#3d3d3d;padding:4px 8px;border-radius:4px}.mi{display:flex;align-items:center;gap:8px;color:#fff}.clo{cursor:pointer;color:#888;padding:4px;transition:color .2s ease}.clo:hover{color:#fff}.add{display:flex;align-items:center;gap:4px}.add button{background:none;border:none;color:#888;cursor:pointer;padding:4px;transition:color .2s ease}.add button:hover{color:#fff}.add hr{height:12px;border:none;border-left:1px solid #3d3d3d;margin:0 4px}.right{display:flex;gap:8px}.right i{color:#888;cursor:pointer;padding:4px;transition:color .2s ease}.right i:hover{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quick-buttons{display:flex;gap:1rem;margin:.5rem 0}.quick-buttons button{background:#2d2d2d;border:1px solid #3d3d3d;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:Consolas,monospace;transition:all .2s ease}.quick-buttons button:hover{background:#3d3d3d;border-color:#4d4d4d}.quick-buttons button:active{background:#4a4a4a;border-color:#6a6a6a;color:#fff;box-shadow:0 0 8px #fff3;transform:translateY(1px)}.mobile{display:none}@media (max-width:1024px) and (min-width: 768px){.mobile{display:none}}@media (max-width:768px){.terminalMain{display:none}.mobile{display:block}.terminal-input-line{display:none}}:root{--primary-color: #054DA7;--dark-bg2: #00153C}.timeline2Main{min-height:100vh;width:100%;display:flex;justify-content:center}.tm2{position:relative;min-height:100vh;width:100%}.timeline2{width:3px;height:100%;position:absolute;left:calc(15% - 50.5px);top:0;background:linear-gradient(#096bde 60%,#bf8700)}.poi2{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#096bde;background:var(--dark-bg2, #DDF1FF);position:absolute;left:calc(15% - 49.5px);top:8%;transform:translate(-50%);border:none;outline:rgb(9,107,222) solid 2px;box-shadow:#096bde 0 0 40px 5px}.pon2{position:absolute;top:7.6%;left:15%}.pon2 h2{font-size:2.3em}.pon2 h2 span{display:inline;color:#3990ff;font-weight:700}.project{height:62%;width:75%;border:1px solod red;position:absolute;top:14%;left:15%}.hl{position:absolute;top:88%;width:75%;left:15%;height:1px;background-color:#25252d}.explorepro{height:9.9%;width:75%;left:15%;position:absolute;top:90%;display:flex}.explorepro .lef{width:70%}.explorepro .lef .to h2{font-size:2.3em}.explorepro .lef .to span{display:inline;font-weight:700}.explorepro .rig{width:30%;display:flex;align-items:top;justify-content:end;transition:.2s ease-in-out}.proExplore{font-size:1rem;height:60%;padding-left:8%;padding-right:8%;border-radius:5px}.proExplore:hover{background-color:#000;border-radius:1px solid white;color:#fff;cursor:pointer}.proExplore i{padding-left:10px}.grid-container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background-color:var(--dark-bg2, #00153C);border-radius:1rem;padding:1rem;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.card.featured{border:2px solid #3990FF;box-shadow:0 0 15px #3990ff}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #096bde99}.card-header{display:flex;align-items:center;margin-bottom:.75rem}.icon{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:.75rem;width:40px;height:40px;color:#fff}.card-header h5{font-size:1.25rem;font-weight:700;margin:0}.tech{font-size:.75rem;color:#94a3b8;margin-bottom:.5rem}.description{font-size:.875rem;margin-bottom:.75rem;color:#cbd5e1;flex-grow:1}.stats{display:flex;gap:1rem;font-size:.75rem;color:#94a3b8;margin-bottom:.75rem}.stats span{display:flex;align-items:center;gap:.25rem}.actions{display:flex;gap:1rem}.btn{padding:.4rem .8rem;font-size:.875rem;font-weight:600;border-radius:.375rem;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-outline{border:2px solid #3990FF;color:#3990ff;background-color:transparent}.btn-outline:hover{background-color:#3990ff;color:#fff}.btn-solid{background-color:#3990ff;color:#fff;border:none}.btn-solid:hover{background-color:#054da7}.projectMain{width:100%;padding:1rem 0}:root{--bg: #1e1e2e;--bg-featured: #3f236e;--text: #e0e0e0;--accent: #8a3ffc;--card-bg: #2a2a3c;--btn-outline: #8a3ffc;--btn-solid: #8a3ffc;--btn-solid-hover: #6b2cbc}.grid-container{display:grid;gap:1.5rem;padding:1rem;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,25%,320px),1fr));align-items:stretch}.card{background:var(--card-bg);border:1px solid #333;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between}.card.featured{background:var(--bg-featured);border-color:var(--accent)}.card-header{display:flex;align-items:center;gap:.5rem}.card-header .icon{width:24px;height:24px;border:1px solid var(--text);border-radius:4px}.card-header h5{margin:0;font-size:1.1rem}.tech{margin-top:.25rem;font-size:.9rem;color:#aaa}.description{margin:.75rem 0;flex-grow:1}.stats{display:flex;gap:1rem;font-size:.85rem}.actions{margin-top:1rem;display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.9rem}.btn-outline{border:1px solid var(--btn-outline);color:var(--btn-outline)}.btn-outline:hover{background:var(--btn-outline);color:#fff}.btn-solid{background:var(--btn-solid);color:#fff;border:none}.btn-solid:hover{background:var(--btn-solid-hover)}@media (max-width:1024px) and (min-width: 768px){.poi2{top:0%}.pon2{top:-.4%}.project{top:6%}}@media (max-width:768px){.timeline2Main{min-height:270vh}.poi2{top:8.7%;left:50%;transform:translate(-50%,-50%)}.pon2{width:100%;top:11%;left:50%;transform:translate(-50%,-50%)}.pon2 h2{font-size:2.5rem;text-align:center}.project{top:13%}.timeline2{height:2%;top:7%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent 10%,#096bde)}.terminal-line,.output{overflow-x:hidden}.hl{top:85%}.explorepro{top:89%;display:flex;flex-direction:column;align-items:center;position:absolute;justify-content:center;left:50%;transform:translate(-50%,-50%)}.lef{width:100%}.to h2{text-align:center}.bo{padding:60px 0;width:110%;text-align:center;position:absolute;left:50%;top:85%;transform:translate(-50%,-50%)}.rig{top:120%;position:absolute;left:50%;transform:translate(-50%,-50%);width:200%}.explorepro .rig{width:100%}.proExplore{width:100%;padding:20px}}@media (max-width: 480px){.timeline2Main{min-height:260vh}.timeline2{top:7%}.poi2{top:9%}.pon2{top:11.5%}.project{top:12%}.hl{top:83%}.explorepro{top:86.5%}}@media (max-width: 360px){.timeline2Main{min-height:370vh}.poi2{top:8%}.pon2{top:10.5%}.timeline2{top:6.2%}}@media (max-width: 360px) and (max-height: 760px){.timeline2Main{min-height:310vh}}@media (max-width: 360px) and (max-height: 800px){.timeline2Main{min-height:295vh}}@media (min-width: 380px) and (max-width: 390px) and (min-height: 850px) and (max-height: 860px){.timeline2Main{min-height:250vh}.poi2{top:3%}.pon2{top:5.5%}.timeline2{top:1.2%}.project{top:7%}.hl{top:85%}.explorepro{top:89%}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 800px) and (max-height: 820px){.timeline2Main{min-height:280vh}.hl{top:86%}.explorepro{top:90%}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 840px) and (max-height: 850px){.timeline2Main{min-height:260vh}.poi2{top:3%}.timeline2{top:1%}.pon2{top:6%}.project{top:8%}.hl{top:85%}.explorepro{top:89%}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 650px) and (max-height: 670px){.timeline2Main{min-height:330vh}.timeline2{top:1%}.poi2{top:3%}.pon2{top:6%}.project{top:7.5%}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 630px) and (max-height: 650px){.timeline2Main{min-height:350vh}.poi2{top:4%}.pon2{top:7%}.timeline2{top:2%}.project{top:8%}}@media (min-width: 400px) and (max-width: 420px) and (min-height: 840px) and (max-height: 850px){.poi2{top:3%}.pon2{top:6%}.timeline2{top:1%}.project{top:7%}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 750px) and (max-height: 770px){.poi2{top:4%}.pon2{top:7%}.timeline2{top:2%}.project{top:8%}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 730px) and (max-height: 750px){.poi2{top:4%}.pon2{top:7%}.timeline2{top:2%}.project{top:8%}.explorepro{top:89%}.hl{top:85%}}@media (min-width: 310px) and (max-width: 330px) and (min-height: 560px) and (max-height: 570px){.timeline2Main{min-height:400vh}.poi2{top:4%}.pon2{top:7%}.timeline2{top:2%}.project{top:9%}.explorepro{top:90%}.hl{top:87%}}@media (min-width: 410px) and (max-width: 420px) and (min-height: 730px) and (max-height: 740px){.timeline2Main{min-height:300vh}.poi2{top:5%}.pon2{top:8%}.timeline2{top:3%}.project{top:9%}.explorepro{top:90%}.hl{top:87%}}@media (min-width: 380px) and (max-width: 390px) and (min-height: 630px) and (max-height: 650px){.timeline2Main{min-height:340vh}.poi2{top:4%}.pon2{top:7%}.timeline2{top:2%}.project{top:8%}.explorepro{top:89%}.hl{top:85%}}@media (min-width: 400px) and (max-width: 420px) and (min-height: 810px) and (max-height: 830px){.poi2{top:5%}.pon2{top:8%}.timeline2{top:3%}.project{top:9%}.explorepro{top:91%}.hl{top:88%}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 840px) and (max-height: 860px){.poi2{top:4%}.pon2{top:7%}.timeline2{top:2%}.project{top:8%}.explorepro{top:90%}.hl{top:87%}}@media (min-width: 310px) and (max-width: 330px) and (min-height: 640px) and (max-height: 670px){.poi2{top:5%}.pon2{top:9%}.timeline2{top:3%}.timeline2Main{min-height:380vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 770px) and (max-height: 790px){.poi2{top:4%}.pon2{top:7%}.timeline2{top:2%}.project{top:8%}.explorepro{top:90%}.hl{top:87%}.timeline2Main{min-height:270vh}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 700px) and (max-height: 730px){.timeline2Main{min-height:330vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 750px) and (max-height: 760px){.timeline2Main{min-height:320vh}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 630px) and (max-height: 650px){.timeline2Main{min-height:370vh}}@media (min-width: 400px) and (max-width: 420px) and (min-height: 710px) and (max-height: 730px){.timeline2Main{min-height:330vh}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 590px) and (max-height: 610px){.timeline2Main{min-height:390vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 670px) and (max-height: 680px){.timeline2Main{min-height:350vh}}@media (min-width: 420px) and (max-width: 440px) and (min-height: 750px) and (max-height: 770px){.timeline2Main{min-height:315vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 740px) and (max-height: 750px){.timeline2Main{min-height:320vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 660px) and (max-height: 840px){.timeline2Main{min-height:360vh}}.footerMain{width:100%;-webkit-transition:background-color .3s,color .3s;-o-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;z-index:-100;background-image:url(/footer-gradient.svg);background-repeat:no-repeat;background-position:center bottom;background-size:1400px}.cMwZBR{margin-top:100px}.fqBCIh{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:708px;margin:0 auto}.hbqXJq{padding:16px;display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center;text-align:center}.bRIkYU{padding:4px 0}.bRIkYU h4{opacity:.8;color:var(--light-gray);line-height:32px;font-size:18px;letter-spacing:var(--lspace-16);font-weight:500;margin:0}.bRIkYU h4 span{font-size:18px;font-weight:500;vertical-align:bottom;line-height:32px;margin:0 2px;opacity:.5}.jLjNdR{padding:4px 0;margin-bottom:20px}.jLjNdR ul{display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:0;padding:0;list-style:none;gap:24px;cursor:pointer}.jLjNdR ul li a{color:var(--light-gray);opacity:.8;text-decoration:none;font-size:18px;font-weight:500;letter-spacing:.5px;transition:all .3s ease}.jLjNdR ul li a:hover{opacity:1;color:#fff}.jLjNdR ul li a:after{content:"";width:0;height:1px;bottom:-2px;left:0;background-color:#fff;transition:width .3s ease}.jLjNdR ul li a:hover:after{width:100%}.GAOBw.hide{display:none;visibility:hidden}.GAOBw{margin:0}.GAOBw h4{padding:12px 0;font-size:18px;font-weight:500;letter-spacing:.1px;opacity:.3;color:var(--light-gray);margin-top:10px}.iyhbUR{width:100%;text-align:center;bottom:100px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;opacity:.2;margin-bottom:60px;margin-top:120px}.leftt{transform:scaleX(-1);opacity:.4}.iyhbUR p{font-size:18px;font-weight:500;line-height:16px;padding:0 12px}.iyhbUR .border{opacity:.4}@media (max-width:768px){.footerMain{background-size:cover;padding:10px 5px}.fqBCIh{width:90%;margin:0 5px}.hbqXJq{padding:5px}.bRIkYU h4{font-size:12px;line-height:18px}.jLjNdR ul{gap:8px}.jLjNdR ul li a{font-size:12px}.iyhbUR{flex-direction:column;margin-top:40px;margin-bottom:20px}.iyhbUR p{font-size:12px;padding:0 3px}}.timeline3Main{height:60vh;width:100%;display:flex;justify-content:center}.tm3{position:relative;min-height:100vh;width:100%}.timeline3{width:3px;height:60%;position:absolute;left:calc(15% - 50.5px);top:0;background:linear-gradient(#bf870090%,#0f5d26);display:block;opacity:1;visibility:visible}.poi3{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#bf8700;background:var(--dark-bg2, #DDF1FF);position:absolute;left:calc(15% - 49.5px);top:14%;transform:translate(-50%);border:none;outline:rgb(191,135,0) solid 2px;box-shadow:#bf8700 0 0 40px 5px}.pon3{position:absolute;top:13.6%;left:15%}.pon3 h2{font-size:2.3em}.pon3 h2 span{display:inline;color:#bf8700;font-weight:700}.infinite-scroll-section{height:5.8%;width:75%;left:15%;position:absolute;top:66.1%;display:flex}@media (max-width:1024px) and (min-width: 768px){.poi3{top:5%}.pon3{top:4.6%}.infinite-scroll-section{top:46%}.timeline3Main{height:32vh}.timeline3{height:35%;background:linear-gradient(#bf870070%,#0f5d26)}}@media (max-width:768px){.timeline3Main{height:40vh}.tm3{min-height:40vh}.poi3{top:11%;left:50%;transform:translate(-50%,-50%)}.pon3{width:100%;top:32%;left:50%;transform:translate(-50%,-50%)}.pon3 h2{font-size:2.5rem;text-align:center}.timeline3{height:12%;top:0%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent 10%,#bf8700)}.infinite-scroll-section{top:85%}}@media (max-width:480px){.timeline3{height:10%;top:5%}.poi3{top:15%}.pon3{top:35%}}@media (max-width:360px){.timeline3Main{height:55vh}}@media (max-width: 360px) and (max-height: 760px){.timeline3Main{height:45vh}}@media (max-width: 360px) and (max-height: 800px){.timeline3Main{height:40vh}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 650px) and (max-height: 670px){.timeline3Main{height:50vh}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 630px) and (max-height: 650px){.timeline3Main{height:55vh}}@media (min-width: 310px) and (max-width: 330px) and (min-height: 560px) and (max-height: 570px){.timeline3Main{height:60vh}}@media (min-width: 380px) and (max-width: 390px) and (min-height: 630px) and (max-height: 650px){.timeline3Main{height:50vh}}@media (min-width: 310px) and (max-width: 330px) and (min-height: 640px) and (max-height: 670px){.timeline3Main{height:55vh}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 630px) and (max-height: 650px){.timeline3Main{height:50vh}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 590px) and (max-height: 610px){.timeline3Main{height:55vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 670px) and (max-height: 680px){.timeline3Main{height:50vh}}@media (min-width: 420px) and (max-width: 440px) and (min-height: 750px) and (max-height: 770px){.timeline3Main{height:50vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 740px) and (max-height: 750px){.timeline3Main{height:50vh}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 660px) and (max-height: 840px){.timeline3Main{height:50vh}}.InfiniteScrollMain{width:100%;height:460%;position:absolute;top:-675%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.is_top,.is_bottom{height:50%;width:100%;display:flex;justify-content:center;align-items:center;-webkit-mask-image:linear-gradient(98deg,transparent,white 20%,white 80%,transparent)}.is_top_left,.is_bottom_left{display:flex;align-items:center;will-change:transform;padding-right:20px}.sbox{width:170px;height:70px;border:.5px solid whitesmoke;padding:5px;margin:0 10px;display:flex;justify-content:center;align-items:center;border-radius:10px;flex-shrink:0}.sbox svg{width:100%;height:100%;fill:#fff}.scroll-left,.scroll-right{animation-duration:500s;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.scroll-left{animation-name:scroll-l}.scroll-right{animation-name:scroll-r}@keyframes scroll-l{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-r{0%{transform:translate(-50%)}to{transform:translate(0)}}.scroll-left:hover,.scroll-right:hover{animation-play-state:paused;cursor:pointer}@media (max-width:1024px) and (min-width: 768px){.InfiniteScrollMain{height:300%;top:-600%}.bento-section div h2{font-size:1rem}}@media (max-width:768px){.InfiniteScrollMain{height:500%}.sbox{width:110px;height:40px;padding:3px}}.chatbot-container{position:fixed;bottom:1rem;right:1rem;width:95vw;max-width:400px;height:600px;max-height:80vh;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:9999;will-change:transform}.chatbot-window{position:relative;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;overflow:hidden;transform:translateZ(0)}.chatbot-header{padding:1rem;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.chatbot-header .flex{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:0}.chatbot-header .items-center{display:flex;align-items:center;flex:1}.chatbot-header .gap-3{gap:.75rem;margin-right:1rem}.chatbot-header .relative{position:relative;flex-shrink:0}.chatbot-header .absolute{position:absolute}.chatbot-header .bottom-0{bottom:0}.chatbot-header .right-0{right:0}.chatbot-header .w-3{width:.75rem}.chatbot-header .h-3{height:.75rem}.chatbot-header .bg-green-400{background-color:#10b981}.chatbot-header .border-2{border-width:2px}.chatbot-header .border-blue-600{border-color:#4f46e5}.chatbot-header .rounded-full{border-radius:9999px}.chatbot-header .bg-white\/20{background-color:#fff3}.chatbot-header .p-1{padding:.25rem}.chatbot-header h3{font-size:1.125rem;font-weight:600;line-height:1.5;margin:0;margin-bottom:.25rem}.chatbot-header p{font-size:.75rem;color:#fffc;margin:0;line-height:1}.chatbot-close-button{padding:.5rem;border-radius:50%;transition:all .2s ease;cursor:pointer;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;margin-left:1rem}.chatbot-close-button:hover{background-color:#fff3;transform:scale(1.1)}.chatbot-close-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.chatbot-message{display:flex;animation:fade-in .3s cubic-bezier(.4,0,.2,1);opacity:0;animation-fill-mode:forwards}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-content{max-width:85%;padding:.75rem;border-radius:1rem;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease}.message-content:hover{transform:translateY(-1px)}.user-content{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border-radius:1rem 1rem 0}.bot-content{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem 1rem 1rem 0}.typing-indicator{display:flex;align-items:center;gap:.25rem;height:1.5rem;padding:0 .5rem}.dot{width:.5rem;height:.5rem;background:currentColor;border-radius:50%;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}.message-text{font-size:.875rem}.quick-replies{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.quick-reply-button{background:#fffc;color:#4f46e5;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;transition:all .2s ease;border:1px solid rgba(79,70,229,.2);cursor:pointer}.quick-reply-button:hover{background-color:#4f46e51a;transform:translateY(-1px)}.quick-reply-button:focus{outline:2px solid #4f46e5;outline-offset:2px}.chatbot-input-container{padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2)}.chatbot-input-wrapper{display:flex;align-items:center;gap:.5rem;background:#fffc;border-radius:.75rem;padding:.5rem;transition:box-shadow .2s ease}.chatbot-input-wrapper:focus-within{box-shadow:0 0 0 2px #4f46e580}.chatbot-input{flex:1;background:transparent;border:none;padding:.5rem;font-size:.875rem;color:#1e293b;outline:none;transition:color .2s ease}.chatbot-input::placeholder{color:#64748b}.emoji-toggle-button,.send-button{padding:.5rem;border-radius:.5rem;transition:all .2s ease;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.emoji-toggle-button{color:#4f46e5;background:transparent}.emoji-toggle-button:hover{background-color:#4f46e51a}.send-button{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;min-width:2.5rem;height:2.5rem}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-button:not(:disabled):hover{transform:scale(1.05)}.emoji-picker{position:absolute;bottom:100%;margin-bottom:.5rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.5rem;animation:slide-up .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;max-height:200px;overflow-y:auto}.emoji-button{padding:.5rem;border-radius:.5rem;font-size:1.25rem;transition:all .2s ease;border:none;background:transparent;cursor:pointer}.emoji-button:hover{background-color:#f1f5f9;transform:scale(1.1)}@keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.chatbot-toggle-button{position:fixed;bottom:1rem;right:1rem;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;width:3.5rem;height:3.5rem;border-radius:50%;box-shadow:0 4px 6px -1px #4f46e54d;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translateZ(0);padding:0;z-index:9999}.chatbot-toggle-button:hover{box-shadow:0 6px 8px -1px #4f46e566;transform:scale(1.05)}.chatbot-toggle-button:focus{outline:2px solid #4f46e5;outline-offset:2px}body:has(.mobile-overlay.open) .chatbot-toggle-button{opacity:0;visibility:hidden;pointer-events:none}@media (max-width: 640px){.chatbot-container{width:100vw;max-width:100%;height:100vh;max-height:100%;bottom:0;right:0}.message-content{max-width:90%}}@media (prefers-color-scheme: dark){.bot-content{background:#1e293bcc;color:#e2e8f0}.chatbot-input{color:#e2e8f0}.chatbot-input::placeholder{color:#94a3b8}.emoji-picker{background:#1e293b}.emoji-button:hover{background-color:#334155}.quick-reply-button{background:#1e293bcc;color:#818cf8;border-color:#818cf833}.quick-reply-button:hover{background-color:#818cf81a}}.connect-section{position:relative;min-height:45vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.connect-section__text-container{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;will-change:transform;opacity:1;transform:rotate(-5deg);flex:none;height:auto;position:relative;white-space:pre-wrap;width:319px;word-break:break-word;word-wrap:break-word;z-index:3}.caveat-font{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:96%;text-alignment:center;font-family:Caveat;text-color:white;margin:50px 0 130px;padding:0}.connect-section__button-wrapper{height:308px;position:relative;width:726px}.connect-button{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;height:308px;overflow:visible;position:relative;text-decoration:none;width:726px;display:block;opacity:1}.connect-button__outer{transition:box-shadow .9s ease-in-out;background:linear-gradient(#e6e6e6,#a6a6a6);border-radius:128px;box-shadow:#cfcfcf 0 -7px 3px inset,#fff 0 -8px 1px inset,#b8b8b8 0 6px 6px;transform:rotate(4deg);opacity:1;height:270px;left:0;overflow:visible;position:absolute;right:0}.connect-button__middle{background:linear-gradient(#000,#000) #000;border-radius:110px;box-shadow:#000 0 3px 0 4px,#ffe32e00 0 6px 8px 8px,#fd00 0 0 56px 40px,#ffde0500 0 0 120px 100px,#ffde0500 0 0 200px 120px,#0003 0 14px 8px,#0000004d 0 19px 8px,#00000040 0 64px 128px;opacity:1;flex:none;top:10px;right:22px;bottom:32px;left:22px;overflow:hidden;position:absolute;will-change:var(--framer-will-change-override, transform)}.connect-button__inner{background-color:#1f1f1f;border-radius:110px;box-shadow:#ffde0a00 0 -3px 16px inset;opacity:1;height:99%;display:flex;justify-content:center;align-items:center;overflow:hidden}.connect-button__text{position:relative;top:-7%;font-size:142px;color:#f5f5f5}.connect-button__outer:hover{background:linear-gradient(270deg,#feee8680 3%,#ffd500 51%,#ffd900 73%,#f3d40e80 93%);box-shadow:0 0 600px #ffd900b3}.connect-button__outer:hover .connect-button__text{color:#ffd900;transition:color .9s ease-in-out}.connect-button__outer:hover .connect-button__inner{text-shadow:0 0 100px rgba(255,217,0,.7)}@media (max-width:1024px) and (min-width: 768px){.connect-section__text-container{top:-35%}}@media (max-width:768px){.connect-section__text-container{left:10%}.connect-section__button-wrapper,.connect-button{width:340px;height:130px}.connect-button__outer{height:130px;border-radius:80px;background:linear-gradient(270deg,#feee8680 3%,#ffd500 51%,#ffd900 73%,#f3d40e80 93%);box-shadow:0 0 600px #ffd900b3}.connect-button__middle{border-radius:65px}.connect-button__inner{border-radius:65px;text-shadow:0 0 100px rgba(255,217,0,.7)}.connect-button__text{font-size:60px;color:#ffd900;transition:color .9s ease-in-out}}.timeline4Main{min-height:clamp(100vh,120vh,140vh);height:clamp(100vh,120vh,140vh);width:100%;display:flex;justify-content:center}.tm4{position:relative;height:100%;width:100%}.timeline4{width:clamp(2px,.3vw,4px);height:clamp(100%,105%,110%);position:absolute;left:calc(15% - 50.5px);top:0;background:linear-gradient(#0F5D26,transparent)}.poi4{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#0f5d26;background:var(--dark-bg2, #DDF1FF);position:absolute;left:calc(15% - 49.5px);top:clamp(3%,4%,5%);transform:translate(-50%);border:none;outline:#0F5D26 solid 2px;box-shadow:#0f5d26 0 0 40px 5px}.pon4{position:absolute;top:clamp(2.6%,3.6%,4.6%);left:15%;width:clamp(70%,75%,80%)}.pon4 h2{font-size:2.3em}.pon4 h2 span{display:inline;color:#0f5d26;font-weight:700}.bento-section{position:absolute;top:clamp(8%,10%,12%);left:15%;width:clamp(70%,75%,80%);height:clamp(75%,80%,85%);display:flex;flex-direction:column;align-items:center;justify-content:center}.bento-section h2{font-size:clamp(1rem,1.5vw,2rem);line-height:clamp(1.3rem,1.8vw,2.4rem);letter-spacing:clamp(-.3px,.02vw,.3px)}.bento-section p{font-size:clamp(.8rem,1.1vw,1.3rem);line-height:clamp(1.2rem,1.5vw,1.8rem);letter-spacing:clamp(0px,.01vw,.2px)}.bento-section em{font-size:inherit;line-height:inherit}.bento-section>div{width:100%;max-width:75rem;margin:0 auto}.bento-section>div>div{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:2px solid transparent}.bento-section>div>div[style*="background-color: hsl(31, 66%, 80%)"],.bento-section>div>div[style*="background-color: hsl(39, 100%, 50%)"]{transition:all .4s cubic-bezier(.4,0,.2,1)}.bento-section>div>div[style*="background-color: hsl(31, 66%, 80%)"]:hover,.bento-section>div>div[style*="background-color: hsl(39, 100%, 50%)"]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #ffc1074d,0 0 0 1px #ffc10733,inset 0 1px #ffffff1a;border-color:#ffc10766}.bento-section>div>div[style*="background-color: hsl(256, 67%, 45%)"],.bento-section>div>div[style*="background-color: hsl(254, 88%, 70%)"]{transition:all .4s cubic-bezier(.4,0,.2,1)}.bento-section>div>div[style*="background-color: hsl(256, 67%, 45%)"]:hover,.bento-section>div>div[style*="background-color: hsl(254, 88%, 70%)"]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #8a3ffc4d,0 0 0 1px #8a3ffc33,inset 0 1px #ffffff1a;border-color:#8a3ffc66}.bento-section>div>div[style*="background-color: hsl(0, 0%, 20%)"]{transition:all .4s cubic-bezier(.4,0,.2,1)}.bento-section>div>div[style*="background-color: hsl(0, 0%, 20%)"]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #ffffff1a,0 0 0 1px #ffffff1a,inset 0 1px #ffffff0d;border-color:#fff3;background-color:#404040!important}.bento-section>div>div:hover h2{transform:translateY(-2px);transition:transform .3s ease}.bento-section>div>div:hover p{transform:translateY(-1px);transition:transform .3s ease .1s}.bento-section>div>div[style*="background-color: hsl(256, 67%, 45%)"]:hover{box-shadow:0 20px 40px #8a3ffc66,0 0 60px #8a3ffc33,0 0 0 1px #8a3ffc4d,inset 0 1px #ffffff1a}.bento-section>div>div:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;z-index:1}.bento-section>div>div:hover:before{left:100%}.bento-section>div>div>*{position:relative;z-index:2}.bento-section>div>div:active{transform:translateY(-4px) scale(.98);transition:all .1s ease}.bento-section>div>div:focus{outline:2px solid rgba(138,63,252,.6);outline-offset:4px}.bento-section>div>div:nth-child(1){transition-delay:0ms}.bento-section>div>div:nth-child(2){transition-delay:50ms}.bento-section>div>div:nth-child(3){transition-delay:.1s}.bento-section>div>div:nth-child(4){transition-delay:.15s}.bento-section>div>div:nth-child(5){transition-delay:.2s}.bento-section>div>div:nth-child(6){transition-delay:.25s}.bento-section>div>div:nth-child(7){transition-delay:.3s}.bento-section>div>div:nth-child(8){transition-delay:.35s}@media (max-width:1024px) and (min-width: 768px){.timeline4Main{min-height:clamp(90vh,100vh,110vh);height:clamp(90vh,100vh,110vh)}.timeline4{width:clamp(2px,.4vw,5px)}.bento-section{top:clamp(0%,2%,4%);width:clamp(70%,75%,80%);height:clamp(85%,90%,95%)}.bento-section div{justify-content:center}.bento-section h2{font-size:clamp(1.2rem,2vw,2.5rem);line-height:clamp(1.5rem,2.4vw,3rem)}.bento-section p{font-size:clamp(.9rem,1.3vw,1.5rem);line-height:clamp(1.3rem,1.7vw,2rem)}.bento-section>div>div:hover{transform:translateY(-4px) scale(1.01)}}@media (max-width:768px){.timeline4Main{min-height:clamp(180vh,190vh,200vh)}.poi4{top:clamp(1.5%,2.5%,3.5%);left:50%;transform:translate(-50%,-50%)}.pon4{width:100%;top:clamp(6%,7%,8%);left:50%;transform:translate(-50%,-50%)}.pon4 h2{text-align:center}.timeline4{height:clamp(3%,4%,5%);width:clamp(2px,.5vw,4px);top:clamp(-1%,0%,1%);left:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent 10%,#0f5d26)}.bento-section{top:clamp(11%,13%,15%);width:90%;left:5%;height:clamp(80%,85%,90%)}.bento-section h2{font-size:clamp(1.1rem,4vw,1.8rem);line-height:clamp(1.4rem,5vw,2.2rem)}.bento-section p{font-size:clamp(.9rem,3.5vw,1.3rem);line-height:clamp(1.3rem,4.5vw,1.7rem)}.bento-section>div>div:hover{transform:translateY(-2px) scale(1.005)}.bento-section>div>div:before{display:none}.bento-section>div>div{transition-delay:0ms!important}}@media (max-width:480px){.poi4{top:2.5%}.pon4{top:6%}.timeline4{top:0%}.bento-section{top:12%}.timeline4Main{min-height:clamp(150vh,160vh,170vh)}}@media (max-width: 360px) and (max-height: 640px){.timeline4Main{min-height:clamp(245vh,255vh,265vh)}.bento-section{top:10%;width:95%;left:2.5%;height:clamp(80%,85%,90%)}.bento-section h2{font-size:clamp(1rem,3.5vw,1.5rem);line-height:clamp(1.2rem,4vw,1.8rem)}.bento-section p{font-size:clamp(.8rem,3vw,1.2rem);line-height:clamp(1.1rem,3.5vw,1.5rem)}}@media (max-width: 360px) and (max-height: 760px){.timeline4Main{min-height:clamp(200vh,210vh,220vh)}}@media (max-width: 360px) and (max-height: 800px){.timeline4Main{min-height:clamp(190vh,200vh,210vh)}}@media (min-width: 380px) and (max-width: 390px) and (min-height: 850px) and (max-height: 860px){.timeline4Main{min-height:clamp(180vh,190vh,200vh)}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 800px) and (max-height: 820px){.timeline4Main{min-height:clamp(180vh,190vh,200vh)}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 840px) and (max-height: 850px){.timeline4Main{min-height:clamp(180vh,190vh,200vh)}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 650px) and (max-height: 670px){.timeline4Main{min-height:clamp(230vh,240vh,250vh)}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 630px) and (max-height: 650px){.timeline4Main{min-height:clamp(240vh,250vh,260vh)}}@media (min-width: 410px) and (max-width: 420px) and (min-height: 840px) and (max-height: 850px){.timeline4Main{min-height:clamp(170vh,180vh,190vh)}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 750px) and (max-height: 770px){.timeline4Main{min-height:clamp(210vh,220vh,230vh)}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 730px) and (max-height: 750px){.timeline4Main{min-height:clamp(210vh,220vh,230vh)}}@media (min-width: 310px) and (max-width: 330px) and (min-height: 560px) and (max-height: 570px){.timeline4Main{min-height:clamp(300vh,310vh,320vh)}}@media (min-width: 410px) and (max-width: 420px) and (min-height: 730px) and (max-height: 740px){.timeline4Main{min-height:clamp(190vh,200vh,210vh)}}@media (min-width: 380px) and (max-width: 390px) and (min-height: 630px) and (max-height: 650px){.timeline4Main{min-height:clamp(240vh,250vh,260vh)}}@media (min-width: 400px) and (max-width: 420px) and (min-height: 810px) and (max-height: 830px){.timeline4Main{min-height:clamp(170vh,180vh,190vh)}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 840px) and (max-height: 860px){.timeline4Main{min-height:clamp(180vh,190vh,200vh)}}@media (min-width: 310px) and (max-width: 330px) and (min-height: 640px) and (max-height: 670px){.timeline4Main{min-height:clamp(250vh,260vh,270vh)}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 770px) and (max-height: 790px){.timeline4Main{min-height:clamp(190vh,200vh,210vh)}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 700px) and (max-height: 730px){.timeline4Main{min-height:clamp(220vh,230vh,240vh)}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 750px) and (max-height: 760px){.timeline4Main{min-height:clamp(200vh,210vh,220vh)}}@media (min-width: 370px) and (max-width: 380px) and (min-height: 630px) and (max-height: 650px){.timeline4Main{min-height:clamp(240vh,250vh,260vh)}}@media (min-width: 400px) and (max-width: 420px) and (min-height: 710px) and (max-height: 730px){.timeline4Main{min-height:clamp(210vh,200vh,190vh)}}@media (min-width: 350px) and (max-width: 370px) and (min-height: 590px) and (max-height: 610px){.timeline4Main{min-height:clamp(260vh,270vh,280vh)}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 670px) and (max-height: 680px){.timeline4Main{min-height:clamp(230vh,240vh,250vh)}}@media (min-width: 420px) and (max-width: 440px) and (min-height: 750px) and (max-height: 770px){.timeline4Main{min-height:clamp(200vh,190vh,180vh)}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 740px) and (max-height: 750px){.timeline4Main{min-height:clamp(210vh,200vh,190vh)}}@media (min-width: 380px) and (max-width: 400px) and (min-height: 660px) and (max-height: 680px){.timeline4Main{min-height:clamp(220vh,230vh,240vh)}}