@media (max-width: 1899px) {
     .project-wrapper.style2 {
         grid-template-columns: repeat(3, 1fr);
         margin-right: 0;
         gap: 30px;
     }
 }

 @media (max-width: 788px) {
     .project-wrapper.style2 {
         grid-template-columns: repeat(1, 1fr);
         margin-right: 0;
         gap: 30px;
     }
 }


 .marquee {
     overflow: hidden;
     position: relative;
     width: 100%;
     padding: 2rem 0;
     align-items: center;
     justify-content: center;
     align-items: center;
     /*      background-color: #111;*/
 }

 .marquee-content {
     display: flex;
     width: max-content;
     animation: scroll-left 25s linear infinite;
     gap: 180px;
 }

 .marquee-content img {
     width: 200px;
     height: auto;
     /*      opacity: 0.8;*/
     transition: opacity 0.3s ease;
 }

 .marquee-content img:hover {
     opacity: 1;
 }

 @keyframes scroll-left {
     from {
         transform: translateX(0);
     }

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

 .marquees {
     overflow: hidden;
     position: relative;
     width: 100%;
     padding: 2rem 0;
     align-items: center;
     justify-content: center;
     align-items: center;
     /*      background-color: #111;*/
 }

 .marquee-contents {
     display: flex;
     width: max-content;
     animation: scroll-right 20s linear infinite;
     gap: 20px;
 }

 .marquee-contents img {
     width: 200px;
     height: auto;
     /*      opacity: 0.8;*/
     transition: opacity 0.3s ease;
 }

 .marquee-contents img:hover {
     opacity: 1;
 }

 @keyframes scroll-right {
     from {
         transform: translateX(-50%);
     }

     to {
         transform: translateX(0);
     }
 }

 .hero-main-container.style2 {
     padding: 150px 0 73px;
 }

 .marqueess {
     overflow: hidden;
     position: relative;
     width: 100%;
     padding: 2rem 0;
     align-items: center;
     justify-content: center;
     align-items: center;
     /*      background-color: #111;*/
 }

 .marquee-contentss {
     display: flex;
     width: max-content;
     animation: scroll-left 20s linear infinite;
     gap: 20px;
 }

 .marquee-contentss img {
     width: 200px;
     height: auto;
     /*      opacity: 0.8;*/
     transition: opacity 0.3s ease;
 }

 .marquee-contentss img:hover {
     opacity: 1;
 }



 /*.service-box:hover::before {
  opacity: 0.6;
  filter: blur(30px);
}
*/
 .service-box:hover {
     transform: translateY(-10px);
     /* 👈 move up */
     /*  box-shadow: 0 20px 40px rgba(0, 255, 0, 0.2); */
 }



 element.style {}

 .service-card.style2:hover .body ul {
     color: var(--white-color);
 }

 .service-card.style2 .body ul {
     color: var(--text-color);
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 28px;
     margin-top: -2px;
     margin-bottom: 25px;
 }


 element.style {}

 .service-card.style2:hover .body img {
     background: var(--white-color);
     border-radius: 50px;
     padding: 5px;
 }

 .service-card.style2 .body p {
     color: var(--text-color);
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 28px;
     margin-top: -2px;
     margin-bottom: 25px;
 }

 .cta-wrap.style1 {
     position: relative;
     padding: 64px 73px 62px;
     background: var(--theme);
     /* border-radius: 20px; */
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     margin-bottom: 0px;
     z-index: 6;



     .team-section-3 .line-shape {
         position: absolute;
         bottom: -10%;
         left: 0;
         z-index: -2222 !important;
     }


     @media only screen and (min-width: 1px) and (max-width: 520px) {
         .mobile-p {
             padding: 20px;
         }

         .section-title .title {
             color: var(--title-color);
             font-family: var(--title-font);
             font-size: 30px;
         }

         .about-container-wrapper.style1 .about-thumb {
             position: relative;
             margin: 0 80px 0 0;
             z-index: 4;
         }

         .about-container-wrapper.style1 .about-thumb .thumb2 {
             position: relative;
             bottom: 148px;
             right: -80px;
             z-index: 2;
         }

         .pt-rs {
             padding-top: -100px;
         }
     }

     .marquee-item.style-2 .text-slider {
         font-size: 30px;
     }

     .process-section {
         padding: 80px 20px;
         max-width: 1200px;
         ma .section-headrgin: 0 auto;
     }

     .section-header {
         text-align: center;
         margin-bottom: 60px;
     }

     er h2 {
         font-size: 40px;
         font-weight: 700;
         margin-bottom: 15px;
         color: #333;
     }

     .section-header p {
         font-size: 18px;
         color: #666;
         max-width: 700px;
         margin: 0 auto;
     }

     .process-timeline {
         position: relative;
         padding: 40px 0;
     }

     .timeline-line {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 50%;
         width: 4px;
         background-color: #e1e1e1;
         /* Light gray base line */
         transform: translateX(-50%);
         overflow: hidden;
     }

     .timeline-line::before,
     .timeline-line::after {
         content: '';
         position: absolute;
         left: 50%;
         height: 20px;
         width: 20px;
         border-radius: 50%;
         transform: translateX(-50%);
         opacity: 0;
         transition: opacity 0.5s ease;
     }

     .timeline-line::before {
         top: -10px;
         background-color: #3498db;
     }

     .timeline-line::after {
         bottom: -10px;
         background-color: #3498db;
     }

     .timeline-line-progress {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         background-color: #3498db;
         /* Blue progress color */
         height: 0%;
         transition: height 0.8s cubic-bezier(0.23, 1, 0.32, 1);
     }

     .timeline-line.animate::before,
     .timeline-line.animate::after {
         opacity: 1;
     }

     .timeline-line::before {
         top: -10px;
     }

     .timeline-line::after {
         bottom: -10px;
     }

     .timeline-steps {
         position: relative;
         z-index: 1;
     }

     .timeline-step {
         display: flex;
         margin-bottom: 100px;
         opacity: 0;
         transform: translateY(50px);
         transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
     }

     .timeline-step.active {
         opacity: 1;
         transform: translateY(0);
     }

     .timeline-step.active .timeline-content {
         animation: contentFadeIn 0.8s forwards;
     }

     @keyframes contentFadeIn {
         0% {
             opacity: 0;
             transform: scale(0.95);
         }

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

     .timeline-step:nth-child(odd) {
         flex-direction: row;
     }

     .timeline-step:nth-child(even) {
         flex-direction: row-reverse;
     }

     .timeline-content {
         width: 45%;
         padding: 30px;
         /*            background-color: white;*/
         border-radius: 10px;
         /*            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);*/
         position: relative;
     }

     .timeline-step:nth-child(odd) .timeline-content::after {
         content: '';
         position: absolute;
         top: 30px;
         right: -15px;
         width: 0;
         height: 0;
         border-top: 15px solid transparent;
         border-bottom: 15px solid transparent;
         border-left: 15px solid white;
     }

     .timeline-step:nth-child(even) .timeline-content::after {
         content: '';
         position: absolute;
         top: 30px;
         left: -15px;
         width: 0;
         height: 0;
         border-top: 15px solid transparent;
         border-bottom: 15px solid transparent;
         border-right: 15px solid white;
     }

     .step-number {
         position: absolute;
         top: 20px;
         left: 50%;
         width: 30px;
         height: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
         background-color: #3498db;
         color: white;
         border-radius: 50%;
         font-weight: bold;
         font-size: 20px;
         transform: translateX(-50%) scale(0);
         z-index: 2;
         transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     }

     .timeline-step.active .step-number {
         transform: translateX(-50%) scale(1);
     }

     .timeline-step:nth-child(1) .step-number {
         background-color: #e4e8fd;
     }

     .timeline-step:nth-child(2) .step-number {
         background-color: #e4e8fd;
     }

     .timeline-step:nth-child(3) .step-number {
         background-color: #e4e8fd;
     }

     .timeline-step:nth-child(4) .step-number {
         background-color: #e4e8fd;
     }

     .timeline-content h3 {
         font-size: 24px;
         margin-bottom: 15px;
         /*            color: #3498db;*/
     }

     /*        .timeline-step:nth-child(1) .timeline-content h3 {*/
     /*     color: #e74c3c;
        }
        
        .timeline-step:nth-child(2) .timeline-content h3 {
            color: #f39c12;
        }
        
        .timeline-step:nth-child(3) .timeline-content h3 {
            color: #2ecc71;
        }
        
        .timeline-step:nth-child(4) .timeline-content h3 {
            color: #9b59b6;
        }

        .timeline-content p {
            font-size: 16px;
            color: #666;
        }*/

     .timeline-icon {
         width: 60px;
         height: 60px;
         margin-bottom: 15px;
     }

     @media (max-width: 991px) {
         .section-header h2 {
             font-size: 32px;
         }

         .section-header p {
             font-size: 16px;
         }
     }

     @media (max-width: 768px) {
         .process-section {
             padding: 60px 15px;
         }

         .timeline-line {
             left: 20px;
             background-color: #e1e1e1;
         }

         .timeline-line::before,
         .timeline-line::after {
             left: 20px;
             transform: translateX(-50%);
         }

         .timeline-line-progress {
             /* Same position in mobile */
             left: 0;
         }

         .timeline-step {
             flex-direction: row !important;
             margin-bottom: 70px;
         }

         .timeline-content {
             width: calc(100% - 60px);
             margin-left: 40px;
             padding: 20px;
         }

         .step-number {
             left: 20px;
             width: 40px;
             height: 40px;
             font-size: 18px;
             transform: translateX(-50%) scale(0);
         }

         .timeline-step.active .step-number {
             transform: translateX(-50%) scale(1);
         }

         .timeline-step:nth-child(odd) .timeline-content::after,
         .timeline-step:nth-child(even) .timeline-content::after {
             display: none;
         }

         .timeline-content h3 {
             font-size: 20px;
         }

         .timeline-content p {
             font-size: 14px;
         }

         .timeline-icon {
             width: 45px;
             height: 45px;
         }
     }

     @media (max-width: 480px) {
         .section-header h2 {
             font-size: 26px;
         }

         .timeline-content {
             padding: 15px;
         }
     }

     .line-p {
         padding: 70px 0px 0px 0px;
     }


     .step-number1 {
         font-size: 3rem;
         color: #384bff;
         font-weight: bold;
         margin-bottom: 20px;
         text-shadow: 0 0 10px #384bff;
     }

     .highlight {
         color: #384bff;
     }