html {
     scroll-behavior: smooth;
 }

 #home,
 #portfolio,
 #pricing,
 #service,
 #contact {
     scroll-margin-top: 90px; 
 }


 body {
     background-color: #f4f7fb;
 }

 .animate-on-scroll {
     opacity: 0;
 }



 /* Optimized, lightweight animation */
 @keyframes popIn {
     0% {
         opacity: 0;
         transform: scale(0.97) translateY(5px);
     }

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

 .animate-pop-in {
     animation: popIn 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }



 /* Smooth accordion animation classes */
 .faq-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
     opacity: 0;
 }

 .faq-item.active .faq-content {
     opacity: 1;
 }




 /* Custom Swiper Pagination Styling to match design */
 .testimonial-swiper {
     padding-bottom: 3rem !important;
     /* Space for pagination */
 }

 .swiper-pagination-bullet {
     width: 10px;
     height: 10px;
     background-color: #e2e8f0;
     opacity: 1;
     border-radius: 50%;
     transition: all 0.3s ease;
 }

 .swiper-pagination-bullet-active {
     width: 24px;
     background: linear-gradient(to right, #6366f1, #a855f7);
     border-radius: 9999px;
 }