.wave-text span {
         opacity: 0;
         display: inline;
         transform: translateY(10px);
         animation: waveIn 0.6s ease-out forwards;
         }

         .frt-img{   
            padding: 13px;
            text-align: center;
            border-radius: 4px;
            transition:0.50s;
         }

          .frt-img:hover{   
            padding: 13px;
            text-align: center;
            border-radius: 4px;
            transition:0.50s;
            box-shadow: 0px 30px 40px 0px rgba(1, 24, 55, 0.16);
            
         }

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

         .swiper-wrapper {
            display: flex;
            }

            .swiper-slide {
            display: flex;
            height: auto !important; /* Allow dynamic height if needed */
            }

            .services__inner {
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* space between icon/content if needed */
            height: 100%;
            width: 100%;
            }

            .services__item-2 {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            height: 100%;
            }



            .partner-container {
               width: 100%;
               max-width: 1200px;
               margin: auto;
               overflow: hidden;
               position: relative;
           }

           .partner-track {
               display: flex;
               width: max-content;
               animation: scroll 40s linear infinite;
           }

           .partner-track img {
               height: 80px;
               margin: 0 30px;
               object-fit: contain;
           }

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



            @media (max-width: 768px) {
            .partner-track img {
               height: 60px;
               margin-right: 20px;
            }
            }

            /* toggle button styling */
            .toggle-button {
            z-index: 10;
                  background-color: rgb(204 204 204 / 60%);
            border: none;
            border-radius: 50%;
            width: 48px;
            height: 48px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            align-items: center;
            justify-content: center;
            }

            .toggle-button:hover {
            background-color:   rgb(47 128 237);
            }

            .toggle-icon {
            transition: transform 0.4s ease;
            }




            @media (max-width: 768px) {
               .swiper.services-swiper {
                 padding: 1rem 0.5rem 2rem;
               }
             
               .swiper-slide {
                 width: 90% !important;       /* Make slide fit mobile width */
                 margin-right: 16px !important;  /* Reduce spacing */
               }
             
               .services__item-2 {
                 padding: 1rem;
                 text-align: center;
               }
             
               .services__icon-2 img {
                 width: 50px !important;
                 margin: 0 auto;
               }
             
               .services__title-2 {
                 font-size: 18px;
                 margin-top: 0.8rem;
               }
             
               .services__content-2 p {
                 font-size: 14px;
               }
             
               .button {
                 margin-top: 1rem !important;
                 font-size: 14px;
                 padding: 0.5rem 1rem;
               }
             }
    
         /*---------------- end logo scrolling----------------*/
            .bg-rnd-pnk{
               background:#fff6fa;
               padding: 9px;
               border-radius: 50%;
               color:  #fe0c7d;
               font-size: 12px;
            }
            
            .bg-rnd-blu{
               background: #e1f4ff;
            padding: 9px;
            border-radius: 50%;
            color: #03a6ff;
            font-size: 12px;
            }
            
            .bg-rnd-yel{
               background: #fff9ed;
               padding: 9px;
               border-radius: 50%;
               color: #fbad26;
               font-size: 12px;
            }
            
            .bg-rnd-gren{
               background: #e8fce2;
               padding: 9px;
               border-radius: 50%;
               font-size: 12px;
               color: #0f8130;
            }
            
            .bg-rnd-prl{
               background: #ece9ff;
               padding: 12px;
               border-radius: 50%;
               color:  #2200fc;
            }

            .logo-partnr-area{
               padding: 18px;
                  width: 128px;
               border-radius: 8px;
               background-color: white !important;
               box-shadow: 0px 5px 70px rgba(1, 33, 58, 0.03);
            }



            .button {
               line-height: 1;
               text-decoration: none;
               display: inline-flex;
               border: none;
               cursor: pointer;
               align-items: center;
               gap: 0.75rem;
               background-color: #7808d0;
               color: #fff;
               border-radius: 10rem;
               font-weight: 600;
               padding: 0.75rem 1.5rem;
               padding-left: 20px;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
               transition: background-color 0.3s;
               margin-top: 10%;
               transition: 0.40s;
            }

            .button__icon-wrapper {
               flex-shrink: 0;
               width: 25px;
               height: 25px;
               position: relative;
               color: var(--clr);
               background-color: #fff;
               border-radius: 50%;
               display: grid;
               place-items: center;
               overflow: hidden;
            }

            .button:hover {
               background-color: #000 !important;
               transition: 0.40s;
            }

            .button:hover .button__icon-wrapper {
               color: #000 !important;
               transition: 0.20s;
            }

            .button__icon-svg--copy {
               position: absolute;
               transform: translate(-150%, 150%);
            }

            .button:hover .button__icon-svg:first-child {
               transition: transform 0.3s ease-in-out;
               transform: translate(150%, -150%);
            }

            .button:hover .button__icon-svg--copy {
               transition: transform 0.3s ease-in-out 0.1s;
               transform: translate(0);
            }

         /*--------- Cert ficate pop--------------*/

            .image-row img {
               cursor: pointer;
               transition: transform 0.3s;
               transition: 0.40s;
            }

            .image-row img:hover {
               transform: scale(1.05);
               box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
               transition: 0.40s; 
            }

            /* modal styles */
            .modal {
               display: none; 
               position: fixed; 
               z-index: 999;
               left: 0; top: 0;
               width: 100%; height: 100%;
               background-color: rgb(45 45 45 / 80%);
               justify-content: center;
               align-items: center;
               animation: fadeIn 0.5s;
            }


            .modal img {
               width: 385px;
               <!--max-height: 90%;-->
            }


            @keyframes fadeIn {
               from { opacity: 0; }
               to { opacity: 1; }
            }
            /*------------------------------------------*/

    /*---------------- Contavt footer section ----------------*/

            .contact-info {
               display: flex;
               flex-direction: column;
               gap: 24px;
               font-family: Arial, sans-serif;
               max-width: 600px;
               margin: 0 auto;
            }

            .contact-item {
               display: flex;
               align-items: flex-start;
               gap: 16px;
               }

            .contact-item .icon {
               flex-shrink: 0;           
               }

            .contact-item .icon i {
               background: #e2edfb;
               padding: 12px;
               border-radius: 50%;
               color: #2f80ed;
               width: 40px;
               height: 40px;
            }



            .contact-item .icon img {
               width: 32px;
               height: 32px;
            }

            .contact-item .details {
               color: #555;
               line-height: 1.5;
               font-size: 15px;
            }

            .contact-item .details strong {
               color: #20487d;
            }

            .contact-item a {
               color: #000;
               text-decoration: none;
            }

            .contact-item a:hover {
               text-decoration: underline;
            }

            /* responsive */
            @media (max-width: 768px) {
               .contact-info {
               padding: 0 16px;
            }
            }  


            .modal-backdrop {
               position: fixed;
               top: 0;
               left: 0;
               z-index: 0;
               width: 100vw;
               height: 100vh;
               background-color: #000;
            }

            .form-label {
               margin-bottom: .5rem;
               width:100% !important;
               text-align:left !important;
            }



			.features-slider-container {
               position: relative;
               margin: auto;
               overflow: hidden;
               border-radius: 10px;

            }
            .features-slider-track {
               display: flex;
               transition: transform 0.5s ease;
            }
            .features-slide {
               flex: 0 0 100%;
               list-style: none;
               margin: 0;
               padding: 0;
            }
            .features-slide li {
               margin: 10px 0;
               font-size: 16px;
            }
            .nav-btn {
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               background: #333;
               color: #fff;
               border: none;
               padding: 8px 12px;
               cursor: pointer;
               border-radius: 50%;
               z-index: 1;
            }
            .nav-btn:hover {
               background: #555;
            }
            .nav-left {
               left: -40px;
            }
            .nav-right {
               right: -40px;
            }
            .pagination-dots {
               text-align: left;
               margin-top: 0;
            }
            .pagination-dots button {
               border: none;
               background: #ccc;
               width: 10px;
               height: 10px;
               border-radius: 50%;
               margin: 0 5px;
               cursor: pointer;
               padding: 0;
            }
            .pagination-dots button.active {
               background: #2e7ee9;
            }
         
  
            .sub-tls {
               margin-left: 14px;
               padding-left: 30px;
               border-left: 1px dotted;
               border-color: #ff69af;
               max-height: 0;
               overflow: hidden;
               transition: max-height 0.5s ease;
               }

            .sub-tls ul, .sub-tls li {
               font-size: 15px !important;
               }

            .sub-tls {
                  max-height: 0;
                  overflow: hidden;
                  transition: max-height 0.4s ease;
               }
               
            .toggle-icon {
                  cursor: pointer;
                  transition: transform 0.3s ease;
                  }
            .sub-tls.open {
                  max-height: 1000px; /* Large enough value to show full content */
               }



            .features__tab .nav-tabs .nav-item .nav-link:hover{
               transition:0.50s;
               box-shadow: 0px 30px 40px 0px rgba(1, 24, 55, 0.16);
               z-index: 2;
               position: relative;
            }


            .sticky-buttons {
               position: fixed;
               top: 50%;
               right: 0;
               transform: translateY(-50%);
               display: flex;
               flex-direction: column;
               gap: 12px;
               z-index: 9999;
               }

               .sticky-btn {
               display: flex;
               align-items: center;
               padding: 10px 18px;
               margin-right: -89px; /* Start hidden for hover effect */
               background: #007bff;
               color: #fff;
               text-decoration: none;
               font-size: 15px;
               border-radius: 30px 0 0 30px;
               box-shadow: 0 4px 12px rgba(0,0,0,0.2);
               transition: margin 0.3s ease, background 0.3s ease;
               }

               .sticky-btn i {
               margin-right: 8px;
               }

               .sticky-btn:hover {
               margin-right: 0; /* Slide out on hover */
               background: #0056b3;
               }

               .download-btn {
               background:#2f80ed; /* Green */
               }

               .download-btn:hover {
               background: #2f80ed;
               }

               .business-btn {
               background: #fbad27; /* Teal */
               }

               .business-btn:hover {
               background: #fbad27;
               }

               .blink-border {
               position: relative;
               z-index: 1;
               }

               .blink-border::before {
               content: "";
               position: absolute;
               inset: 0;
               border: 2px solid #2f80ed;
               border-radius: 6px;
               z-index: -1;
               clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
               animation: drawBorder 2s linear infinite;
               }

               @keyframes drawBorder {
               0% {
                  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
               }
               25% {
                  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
               }
               50% {
                  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
               }
               75% {
                  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
               }
               100% {
                  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
               }
               }


				.models-container {
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: center;
                  gap: 30px;
               }
               .model-card {
                  background: #ffffff;
                  border-radius: 16px;
               /* box-shadow: 0 10px 25px rgba(0,0,0,0.1);*/
                  width: 350px;
                  padding: 25px;
                  position: relative;
                  overflow: hidden;
                  transition: transform 0.4s ease, box-shadow 0.4s ease;
               }
               .model-card::before {
                  content: "";
                  position: absolute;
                  top: -50%;
                  left: -50%;
                  width: 200%;
                  height: 200%;
                  background: linear-gradient(135deg, #d8f3dc, #b7e4c7); /* greenish pastel by default */
                  transform: rotate(45deg);
                  transition: all 0.5s ease;
                  z-index: 0;
               }
               .model-card:hover::before {
                  top: 0;
                  left: 0;
               }
               .model-card:hover {
                  transform: translateY(-10px);
                  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
               }
               .model-content {
                  position: relative;
               }
               .model-image {
                  width: 80px;
                  height: 80px;
                  margin: 0 auto 15px;
                  display: block;
                  border-radius: 50%;
                  object-fit: cover;
                  border: 4px solid #fff;
               }
               .model-header {
                  background: rgba(0,0,0,0.05);
                  color: #333;
                  padding: 8px;
                  border-radius: 8px;
                  text-align: center;
                  margin-bottom: 10px;
                  font-size: 16px;
                  font-weight: 600;
               }
               .option-title {
                  color: #333;
                  text-align: left;
                  margin: 22px 0 22px;
                  font-size: 18px;
                  font-weight: bold;
               }
               .details p {
                  margin: 5px 0;
                  line-height: 1.5;
                  font-size: 14px;
                  color: #555;
               }
               .details p strong {
                  color: #333;
               }

               .model-card::before {
                  background: var(--gradient);
               }
               @media (max-width: 768px) {
                  .model-card {
                  width: 100%;
                  }
               }


                  /* Preloader full screen background */
               #preloader {
               position: fixed;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               background: #ffffff; /* You can change background color */
               display: flex;
               justify-content: center;
               align-items: center;
               z-index: 9999;
               transition: opacity 0.6s ease;
               }

               .loader-logo {
               width: 160px; /* Adjust logo size */
               animation: pulse 2s infinite;
               }

               /* Simple pulse animation */
               @keyframes pulse {
               0% { transform: scale(1); opacity: 1; }
               50% { transform: scale(1.1); opacity: 0.7; }
               100% { transform: scale(1); opacity: 1; }
               }

               /* After fade-out */
               #preloader.fade-out {
               opacity: 0;
               pointer-events: none;
               }

               .wave-text span {
                     display: inline-block;
                     opacity: 0;
                     transform: translateY(20px);
                     animation: waveUp 0.6s forwards;
                  }

                  @keyframes waveUp {
                     0% {
                     opacity: 0;
                     transform: translateY(20px);
                     }
                     100% {
                     opacity: 1;
                     transform: translateY(0);
                     }
                  }

                  .wave-text span {
                     display: inline-block;
                     opacity: 0;
                     transform: translateY(20px);
                     animation: slideUp 0.5s forwards;
                  }

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



                  h1 {
                     position: relative;
                     font-family: sans-serif;
                     font-size: 36px;
                     color: #333;
                  }

                  h1::after {
                     content: "";
                     position: absolute;
                     left: 0;
                     bottom: -10px; /* distance from text */
                     width: 100%;
                     height: 3px;
                     background: linear-gradient(90deg, 
                     #ff9800, #ff5722, #f44336, #e91e63, 
                     #9c27b0, #673ab7, #3f51b5, #2196f3, 
                     #00bcd4, #4caf50, #8bc34a, #cddc39
                     );
                     background-size: 300% 100%;
                     animation: moveGradient 3s linear infinite;
                     border-radius: 4px;
                  }

                  @keyframes moveGradient {
                     0% {
                     background-position: 0% 50%;
                     }
                     100% {
                     background-position: 100% 50%;
                     }
                  }



                  /*------------------ play button for css -------------*/

                  .play-container {
                     position: relative;
                     width: 120px;
                     height: 120px;
                     cursor: pointer;
                     top: -14%;
                  }

                  .ripple {
                     position: absolute;
                     top: 40%;
                     left: 40%;
                     width: 92px;
                     height: 92px;
                     border: 3px solid rgb(47 128 237 / 26%);
                     border-radius: 50%;
                     transform: translate(-50%, -50%) scale(1);
                     opacity: 0;
                     animation: rippleAnim 2.5s infinite;
                     }

                  .ripple:nth-child(1) { animation-delay: 0s; }
                  .ripple:nth-child(2) { animation-delay: 0.8s; }
                  .ripple:nth-child(3) { animation-delay: 1.6s; }

                  .play-button {
                     position: relative;
                     width: 94px;
                     height: 94px;
                     background: linear-gradient(135deg, #6f47cd, #2970cf);
                     border-radius: 50%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     transition: box-shadow 0.3s, transform 0.3s;
                     z-index:0;
                     box-shadow: 0 0 20px rgb(47 128 237 / 39%);
                  }

                  .play-button:hover {
                     transform: scale(1.1);
                     box-shadow: 0 0 30px rgb(47 128 237 / 39%);
                  }

                  .play-button svg {
                     width: 50px;
                     height: 50px;
                     fill: white;
                     transition: transform 0.3s;
                  }

                  .play-button:hover svg {
                     transform: scale(1.1);
                  }

                  @keyframes rippleAnim {
                     0% {
                     transform: translate(-50%, -50%) scale(1);
                     opacity: 0.6;
                     }
                     100% {
                     transform: translate(-50%, -50%) scale(2.5);
                     opacity: 0;
                     }
                  }

                  /* Overlay styles */
                  .overlay {
                     position: fixed;
                     top: 0;
                     left: 0;
                     width: 100%;
                     height: 100%;
                     background: rgba(0, 0, 0, 61%);
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     opacity: 0;
                     visibility: hidden;
                     transition: opacity 0.4s;
                     z-index: 10;
                  }

                  .overlay.active {
                     opacity: 1;
                     visibility: visible;
                  }

                  .overlay video {
                     width: 80%;
                     max-width: 800px;
                     border-radius: 12px;
                     box-shadow: 0 0 20px rgba(0,0,0,0.8);
                  }

                  .close-btn {
                     position: absolute;
                     top: 20px;
                     right: 30px;
                     font-size: 30px;
                     color: white;
                     cursor: pointer;
                     font-weight: bold;
                  }


                  .seal-wrapper {
                  display: block;
                  width: fit-content;
                  margin: 40px auto 0;
                  cursor: pointer;
                  animation: smoothFloat 6s ease-in-out infinite;
                  transition: transform 0.5s ease;
                  z-index: 9999;
               }

               @keyframes smoothFloat {
                  0%, 100% { transform: translateY(0) scale(1) rotate(0deg); }
                  25% { transform: translateY(-5px) scale(1.03) rotate(2deg); }
                  50% { transform: translateY(0) scale(1) rotate(0deg); }
                  75% { transform: translateY(5px) scale(0.97) rotate(-2deg); }
               }

               .seal-wrapper:hover {
                  transform: scale(1.08);
               }
			   
			   
			   
			   
			    .modal-open .modal {
               overflow-x: hidden;
               overflow-y: auto;
               background-color: rgb(45 45 45 / 11%);
            }



            
    .footer__copyright-wrapper span {
      border-right: 1px solid gray;
      padding-right: 10px;
      font-weight: 600;
      color: #787878;
      cursor: pointer;
      transition: color 0.3s ease;
    }

    .footer__copyright-wrapper span:last-child {
      border-right: none;
    }

    .footer__copyright-wrapper span:hover {
      color: #2f80ed;
    }

    .overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.3);
      backdrop-filter: blur(6px);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.4s ease;
      z-index: 999;
    }

    .overlay.active {
      opacity: 1;
      pointer-events: auto;
    }

    .popup {
      background: #fff;
      border-radius: 20px;
      padding: 25px;
      width: 90%;
      max-width: 1200px;
      max-height: 80vh;
      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transform: translateY(100px) scale(0.8);
      opacity: 0;
      transition: all 0.5s cubic-bezier(0.25, 1.3, 0.5, 1);
      color: #333;
    }

    .overlay.active .popup.active {
      transform: translateY(0) scale(1);
      opacity: 1;
    }

    .popup-header {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 10px;
      text-align: left;
    }

    .popup-content {
      flex: 1;
      overflow-y: auto;
      margin-top: 10px;
      padding-right: 5px;
      height: 438px;
    }

    .popup-content p {
      margin: 10px 0;
      line-height: 1.6;
    }

    .close-btn {
      margin-top: 15px;
      align-self: center;
      padding: 10px 30px;
      background: linear-gradient(135deg, #ff6a6a, #ff3d3d);
      color: white;
      border: none;
      border-radius: 50px;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .close-btn:hover {
      transform: scale(1.05);
      box-shadow: 0 8px 20px rgba(255, 61, 61, 0.4);
    }

    .popup-content::-webkit-scrollbar {
      width: 6px;
    }
    .popup-content::-webkit-scrollbar-thumb {
      background: #bbb;
      border-radius: 10px;
    }
    .popup-content::-webkit-scrollbar-thumb:hover {
      background: #999;
    }