.time-card{position:relative;overflow:hidden;width:1440px;height:700px;max-width:100%}.wheel{margin:240px auto;width:1280px;height:1280px;border-radius:50%;position:relative;transition:transform 0.8s cubic-bezier(.77,0,.18,1)}.wheel::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:3px;background:linear-gradient(to right,#0C8DCE,#7C30FE,#bb14b2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0}.wheel .card{position:absolute;width:60px;height:320px;left:50%;top:50%;transform-origin:50% 100%;display:flex;flex-direction:column;align-items:center;transition:height 0.6s ease-in-out}.wheel .card1{transform:translate(-50%,-100%) rotate(0deg)}.wheel .card2{transform:translate(-50%,-100%) rotate(90deg)}.wheel .card3{transform:translate(-50%,-100%) rotate(180deg)}.wheel .card4{transform:translate(-50%,-100%) rotate(270deg)}.wheel .card-wrapper{color:#fff;font-weight:700;border-radius:12px;background:#3f51b5;box-shadow:0 2px 8px rgb(0 0 0 / .2);overflow:hidden;background-repeat:no-repeat;background-size:cover}.ghtc-controls{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;gap:20px}.ghtc-controls .nav-btn{border-radius:100px;cursor:pointer;width:60px;height:40px;border:solid 1px #fff;text-align:center;color:#fff;display:flex}.ghtc-controls .nav-btn i{margin:auto;font-size:18px}.item-paging{display:flex;align-items:center;color:#fff}.card.prev .card-wrapper{transform:translate(245px,-310px) rotate(90deg)}.card.next .card-wrapper{transform:translate(-245px,-310px) rotate(-90deg)}.card.show,.card.show .card-wrapper{width:792px;height:480px;background-position:210px 0}.card .card-wrapper{width:223px;height:131px;transition:transform 0.8s cubic-bezier(.77,0,.18,1),width 0.6s ease-in-out,height 0.6s ease-in-out}.show .card-wrapper{transform:translate(0,-340px)}.ghtc-progressbar{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:792px;height:2px;background:#ffffff40;border-radius:5px;overflow:hidden}.ghtc-progress{height:100%;background:#fff;transition:width 0.4s ease-in-out}.show .card-content{position:relative}.card-desc{overflow-y:auto;max-height:260px}.card-desc::-webkit-scrollbar{display:none}.card:not(.show) .card-heading,.card:not(.show) .card-desc{display:none}.card:not(.show) .card-content{display:flex;height:-webkit-fill-available;position:relative}.card:not(.show) .card-content::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000040}.card:not(.show) .year-tag{margin:auto;font-size:28px;z-index:1}@media(min-width:1024px){.show .card-content{padding:40px 0 40px 40px;width:50%;height:100%}.show .card-content::after{content:"";position:absolute;right:-70px;top:0;display:block;height:100%;width:200%;transform:skew(-16deg);background:#031c5e;z-index:-2}.show .card-content::before{content:"";position:absolute;top:0;left:0;display:block;height:100%;width:200%;z-index:-1;background-image:url(https://galaxyholdings.co/wp-content/plugins/gts-addons/assets/imgs/time-card-decor.png);background-repeat:no-repeat;background-position:0 bottom;background-size:442px 160px}}@media(max-width:1023px){.show .card-content{height:70%;width:100%;margin-top:auto;background:#031c5e;padding:20px}.card.show .card-wrapper{display:flex;background-position:top;background-size:100% auto}}@media(max-width:767px){.time-card{height:780px;overflow:hidden}.wheel{width:140%;height:auto;aspect-ratio:1 / 1;margin:320px 0 100px -20%}.card.show,.card.show .card-wrapper{width:80%!important;height:610px!important}.show .card-wrapper{transform:translate(0,20px)}.ghtc-progressbar{width:85%!important}.card.next .card-wrapper{transform:translate(-110px,-100px) rotate(-90deg)}.card.prev .card-wrapper{transform:translate(110px,-100px) rotate(90deg)}}@media(max-width:375px){.wheel{margin-top:376px!important}}