.hero-title span span {
     display: inline-block;
 }


    .parsley-required{
        color:red !important;
    }
    .parsley-type{
        color:red !important;
    }
    .parsley-pattern{
        color:red !important;
    }
 @keyframes gradient {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }

 @keyframes scroll-dash {
     0% {
         transform: translate(-50%, 0);
         opacity: 0;
     }

     20% {
         opacity: 1;
     }

     100% {
         transform: translate(-50%, 15px);
         opacity: 0;
     }
 }

 .animate-scroll-dash {
     animation: scroll-dash 2s cubic-bezier(0.65, 0, 0.35, 1) infinite;
 }

 @keyframes textShimmer {
            0% {
                background-position: 0% center;
            }

            100% {
                background-position: 200% center;
            }
        }

        .animate-shimmer {
            background-size: 200% auto;
            animation: textShimmer 4s linear infinite;
        }
 html {
     scroll-behavior: smooth;
 }

 .transform-style-3d {
     transform-style: preserve-3d;
 }

 .outline-text {
     -webkit-text-stroke: 1px rgba(255, 255, 255, 0.05);
     color: transparent;
 }



 .text-highlight {
     position: relative;
     display: inline-block;
     color: #13244e;
 }

 .text-highlight::after {
     content: '';
     position: absolute;
     bottom: 5%;
     left: 0;
     width: 0;
     height: 20%;
     background: #009b7c;
     opacity: 0.5;
     z-index: -1;
     transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1);
 }

 .text-highlight.active::after {
     width: 100%;
 }

 /* GPU Layer Promotion & Smoothing */
 .impact-glow,
 .floating-stat,
 .word-wrapper,
 .word,
 .service-slide,
 .slide-bg,
 .slide-content,
 .slide-visual,
 .slide-title,
 .slide-desc {
     backface-visibility: hidden;
     transform: translateZ(0);
     will-change: transform, opacity;
     contain: paint;
 }

 /* Stable Stacking Container */
 .services-stack {
     position: relative;
     width: 100%;
     height: 100vh;
     overflow: hidden;
 }

 .stroke-text {
     -webkit-text-stroke: 1px rgb(255 255 255);
 }
/* O image with hand icon */
.o-image {
   position: relative;
}
.o-image::before {
    content: '';
    position: absolute;
    width: 110px;
    height: 110px;
    background: url('../images/home/hand-icon-2.webp') center / contain no-repeat;
    align-items: center;
    top: 39%;
    margin: auto;
    left: 80px;
}

 @media (max-width: 640px) {
     .hero-title {
         font-size: 3.5rem;
     }
 }

 @media (max-width: 425px) {
    .o-image::before {
        width: 35px;
        height: 35px;
        top: 37%;
        left: 20px;
    }
 }

@media (min-width: 426px) and (max-width: 768px) {
    .o-image::before {
        width: 60px;
        height: 60px;
        top: 39%;
        left: 55px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .o-image::before {
        width: 80px;
        height: 80px;
        top: 39%;
        left: 70px;
    }
}