@keyframes slideUpFade {
           0% {
               opacity: 0;
               transform: translateY(100px) scale(0.9);
           }

           80% {
               opacity: 1;
               transform: translateY(-10px) scale(1.02);
           }

           100% {
               opacity: 1;
               transform: translateY(0) scale(1);
           }
       }

       /* Animation for all letters */
       .growje-letter {
           display: inline-block;
           opacity: 0;
           animation: slideUpFade 1s ease-out forwards;
       }

       /* Delay each letter slightly for smooth sequence */
       .growje-letter:nth-child(1) {
           animation-delay: 0.1s;
       }

       .growje-letter:nth-child(2) {
           animation-delay: 0.3s;
       }

       .growje-letter:nth-child(3) {
           animation-delay: 0.5s;
       }

       .growje-letter:nth-child(4) {
           animation-delay: 0.7s;
       }

       .growje-letter:nth-child(5) {
           animation-delay: 0.9s;
       }

       .growje-letter:nth-child(6) {
           animation-delay: 1.1s;
       }

       /* RESPONSIVENESS */
       @media (max-width: 1024px) {
           .growje-letter {
               animation-duration: 0.8s;
           }
       }

       @media (max-width: 768px) {
           .growje-letter {
               animation-duration: 0.6s;
           }
       }

       @media (max-width: 640px) {
           .growje-letter {
               font-size: 60px !important;
               animation-duration: 0.5s;
           }
       }

       p {
           animation: fadeIn 1.5s ease-out forwards;
           opacity: 0;
       }

       @keyframes fadeIn {
           from {
               opacity: 0;
               transform: translateY(20px);
           }

           to {
               opacity: 1;
               transform: translateY(0);
           }
       }

       @keyframes fadeSlideUp {
           0% {
               opacity: 0;
               transform: translateY(40px);
           }

           100% {
               opacity: 1;
               transform: translateY(0);
           }
       }

       .fade-slide {
           animation: fadeSlideUp 0.8s ease-out forwards;
       }

       /* Stagger each icon */
       .fade-slide:nth-child(1) {
           animation-delay: 0.1s;
       }

       .fade-slide:nth-child(2) {
           animation-delay: 0.25s;
       }

       .fade-slide:nth-child(3) {
           animation-delay: 0.4s;
       }

       /* Smooth horizontal marquee effect */
       @keyframes smooth-marquee {
           0% {
               transform: translateX(0);
           }

           100% {
               transform: translateX(-50%);
           }
       }

       #image-marquee {
           white-space: nowrap;
           animation: smooth-marquee 20s linear infinite;
       }

       /* Image styles (responsive + hover effects) */
       .marquee-img {
           width: clamp(120px, 20vw, 260px);
           height: auto;
           border-radius: 1rem;
           object-fit: cover;
           transition: transform 0.5s ease, box-shadow 0.5s ease;
       }

       .marquee-img:hover {
           transform: scale(1.05);
           box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
       }

       /* Rotate animation when visible */
       .reveal-marquee {
           transform: rotate(0deg);
           opacity: 1 !important;
       }

       #image-marquee:hover {
           animation-play-state: paused;
       }

       /* Initial state (blurred + slightly down) */
       .about-block {
           opacity: 0.5;
           filter: blur(8px);
           transform: translateY(50px);
           transition: all 1.2s ease-out;
       }

       /* When visible */
       .about-block.reveal-active {
           opacity: 1;
           filter: blur(0);
           transform: translateY(0);
       }

       /* 3D */
       .section3D {
           font-family: "Poppins", sans-serif;
       }

       .carousel {
           width: 100%;
           height: 100vh;
           display: flex;
           justify-content: center;
           align-items: center;
           transform: rotateX(-15deg) translateY(-80px);
           transform-style: preserve-3d;
           perspective: 900px;
           cursor: grab;
           user-select: none;
       }

       .carousel-image {
           position: absolute;
           top: 50%;
           left: 50%;
           width: 280px;
           height: 280px;
           margin: -140px 0 0 -140px;
           border-radius: 1.5rem;
           text-align: center;
           padding: 1.5rem;
           transition: all 0.4s ease;
       }

       .carousel-image:hover {
           transform: scale(1.08) translateZ(20px);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
       }


       @media (max-width: 640px) {
           .service-img {
               object-position: center top;
           }
       }

       /* 3D */
       .section3D {
           font-family: "Poppins", sans-serif;
       }

       .carousel {
           width: 100%;
           height: 100vh;
           display: flex;
           justify-content: center;
           align-items: center;
           transform: rotateX(-15deg) translateY(-80px);
           transform-style: preserve-3d;
           perspective: 900px;
           cursor: grab;
           user-select: none;
       }

       .carousel-image {
           position: absolute;
           top: 50%;
           left: 50%;
           width: 280px;
           height: 280px;
           margin: -140px 0 0 -140px;
           border-radius: 1.5rem;
           text-align: center;
           padding: 1.5rem;
           transition: all 0.4s ease;
       }

       .carousel-image:hover {
           transform: scale(1.08) translateZ(20px);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
       }

       @media (max-width: 768px) {
           .carousel {
               transform: rotateX(-10deg) scale(0.8) translateY(-40px);
           }

           .carousel-image {
               width: 280px;
               height: 280px;
               margin: -100px 0 0 -100px;
           }
       }

       @media (max-width: 480px) {
           .carousel {
               transform: rotateX(-5deg) scale(0.7) translateY(-30px);
           }

           .carousel-image {
               width: 280px;
               height: 280px;
               margin: -90px 0 0 -90px;
           }
       }

       @keyframes slide {
           0% {
               transform: translateX(-100%);
           }

           100% {
               transform: translateX(100%);
           }
       }

       /* ##### Service #####  */