/* Rotating Text */ [data-rotating-words] { display: inline-block; position: relative; } .rotating-text__inner { display: inline-block; } .rotating-text__word { display: block; white-space: nowrap; position: absolute; top: 0; left: 0; } .rotating-line{ padding-bottom: 0.1em; margin-bottom: -0.1em; white-space: nowrap; } .rotating-line-mask{ overflow-x: visible !important; overflow-y: clip !important; } /* Seamless Loop Slider */ [data-gsap-slider-init] { --slider-status: on; /* Turn slider on/off */ --slider-gap: 3em; /* Slides Gap */ } @media screen and (max-width: 991px) { [data-gsap-slider-init] { --slider-status: on; --slider-gap: 1.5em; } } @media screen and (max-width: 767px) { [data-gsap-slider-init] { --slider-status: on; --slider-gap: 1em; } } /* Controls */ [data-gsap-slider-status="not-active"] [data-gsap-slider-controls] { display: none; } [data-gsap-slider-control-status="not-active"] { opacity: 0.2; pointer-events: none; } .gsap-slider__control { transition: opacity 0.3s ease; } /* Card styling */ .demo-card { transition: all 0.3s ease; } .demo-card__tag { transition: all 0.3s ease; } /*Tab System with Autoplay Option*/ /* Fade the links that are not active */ .tab-content__bottom:has( .tab-content__item.active) .tab-content__item:not(.active) { opacity: 0.5; } @media (hover:hover) and (pointer:fine){ .tab-content__item:not(.active):hover .tab-content__item-bottom { background-color: rgba(0, 0, 0, 0.75); } .tab-content__item:not(.active):hover .content-item__nr { transform: translate(25%, 0px); } } /* Accordion CSS Animation */ /* Animate Accordion Bottom Grid */ .accordion-css__item-bottom { transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1); } [data-accordion-status="active"] .accordion-css__item-bottom { grid-template-rows: 1fr; } /* Animate Icon */ .accordion-css__item-icon { transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1); } [data-accordion-status="active"] .accordion-css__item-icon { transform: rotate(0.001deg); }