.carousel-partner .carousel-partner-icon {
                                                                                                                              height: 110px;
                                                                                                                              display: flex;
                                                                                                                              align-items: center;
                                                                                                                              justify-content: center;
                                                                                                                              margin-bottom: 16px;
                                                                                                                            }
                                                                                                                            .carousel-partner .carousel-partner-icon img {
                                                                                                                              max-height: 110px !important;
                                                                                                                              width: auto;
                                                                                                                              object-fit: contain;
                                                                                                                              display: block;
                                                                                                                              margin: 0 auto;
                                                                                                                            }
                                                                                                                          `
                                                                                                   
                                                                                                        .partner-carousel .carousel-track {
                                                                                                          display: flex;
                                                                                                          gap: 24px;
                                                                                                          padding: 8px 0;
                                                                                                          overflow-x: auto;
                                                                                                          justify-content: center;
                                                                                                          align-items: center;
                                                                                                          width: 100%;
                                                                                                          max-width: 1100px;
                                                                                                          margin: 0 auto;
                                                                                                        }
                                                                                                        .carousel-partner {
                                                                                                          min-width: 140px;
                                                                                                          max-width: 140px;
                                                                                                          flex: 0 0 auto;
                                                                                                        }
                                                                                                        @media (min-width: 1200px) {
                                                                                                          .carousel-partner {
                                                                                                            min-width: 140px;
                                                                                                            max-width: 140px;
                                                                                                          }
                                                                                                          .partner-carousel .carousel-track {
                                                                                                            max-width: 900px;
                                                                                                          }
                                                                                                        }
                                                                                                        @media (min-width: 1200px) {
                                                                                                          .partner-carousel .carousel-track {
                                                                                                            max-width: 900px;
                                                                                                          }
                                                                                                          .carousel-partner {
                                                                                                            min-width: 140px;
                                                                                                            max-width: 140px;
                                                                                                          }
                                                                                                        }
                                                                                                        @media (min-width: 1200px) {
                                                                                                          .partner-carousel .carousel-track {
                                                                                                            max-width: 900px;
                                                                                                          }
                                                                                                          .carousel-partner {
                                                                                                            min-width: 140px;
                                                                                                            max-width: 140px;
                                                                                                          }
                                                                                                        }
                                                                                                        @media (max-width: 1023px) and (min-width: 769px) {
                                                                                                          .carousel-partner {
                                                                                                            min-width: 180px;
                                                                                                            max-width: 180px;
                                                                                                          }
                                                                                                          .partner-carousel .carousel-track {
                                                                                                            max-width: 360px;
                                                                                                          }
                                                                                                        }
                                                                                                        @media (max-width: 768px) {
                                                                                                          .carousel-partner {
                                                                                                            min-width: 48vw;
                                                                                                            max-width: 48vw;
                                                                                                          }
                                                                                                          .partner-carousel .carousel-track {
                                                                                                            max-width: 96vw;
                                                                                                            animation: scrollCarousel 18s linear infinite;
                                                                                                          }
                                                                                                          @keyframes scrollCarousel {
                                                                                                            0% { transform: translateX(0); }
                                                                                                            100% { transform: translateX(-48vw); }
                                                                                                          }
                                                                                                          .partner-carousel .carousel-track:hover {
                                                                                                            animation-play-state: paused;
                                                                                                          }
                                                                                                        }
                                                                                                        @media (max-width: 480px) {
                                                                                                          .carousel-partner {
                                                                                                            min-width: 98vw;
                                                                                                            max-width: 98vw;
                                                                                                          }
                                                                                                          .partner-carousel .carousel-track {
                                                                                                            max-width: 98vw;
                                                                                                            animation: scrollCarousel 14s linear infinite;
                                                                                                          }
                                                                                                          @keyframes scrollCarousel {
                                                                                                            0% { transform: translateX(0); }
                                                                                                            100% { transform: translateX(-98vw); }
                                                                                                          }
                                                                                                          .partner-carousel .carousel-track:hover {
                                                                                                            animation-play-state: paused;
                                                                                                          }
                                                                                                        }
                                                                                                      `}{`
                                                              .partner-carousel .carousel-track {
                                                                display: flex;
                                                                gap: 24px;
                                                                padding: 8px 0;
                                                                overflow-x: auto;
                                                                justify-content: center;
                                                                align-items: center;
                                                                width: 100%;
                                                                max-width: 1100px;
                                                                margin: 0 auto;
                                                                animation: scrollCarousel 30s linear infinite;
                                                              }
                                                              .carousel-partner {
                                                                min-width: 170px;
                                                                max-width: 170px;
                                                                flex: 0 0 auto;
                                                              }
                                                              @media (min-width: 1200px) {
                                                                .carousel-partner {
                                                                  min-width: 170px;
                                                                  max-width: 170px;
                                                                }
                                                                .partner-carousel .carousel-track {
                                                                  max-width: 1100px;
                                                                }
                                                              }
                                                              @media (min-width: 1024px) and (max-width: 1199px) {
                                                                .carousel-partner {
                                                                  min-width: 180px;
                                                                  max-width: 180px;
                                                                }
                                                                .partner-carousel .carousel-track {
                                                                  max-width: 800px;
                                                                }
                                                              }
                                                              @media (max-width: 1023px) and (min-width: 769px) {
                                                                .carousel-partner {
                                                                  min-width: 220px;
                                                                  max-width: 220px;
                                                                }
                                                                .partner-carousel .carousel-track {
                                                                  max-width: 660px;
                                                                }
                                                              }
                                                              @media (max-width: 768px) {
                                                                .carousel-partner {
                                                                  min-width: 90vw;
                                                                  max-width: 90vw;
                                                                }
                                                                .partner-carousel .carousel-track {
                                                                  max-width: 90vw;
                                                                }
                                                                .carousel-label-main {
                                                                  font-size: 1.3rem !important;
                                                                }
                                                                .trusted-industry-text {
                                                                  font-size: 13px !important;
                                                                }
                                                              }
                                                              @media (max-width: 480px) {
                                                                .carousel-partner {
                                                                  min-width: 98vw;
                                                                  max-width: 98vw;
                                                                }
                                                                .partner-carousel .carousel-track {
                                                                  max-width: 98vw;
                                                                }
                                                                .carousel-label-main {
                                                                  font-size: 1rem !important;
                                                                }
                                                                .trusted-industry-text {
                                                                  font-size: 11px !important;
                                                                }
                                                              }
                                                          
                                      
                                          .partner-carousel .carousel-track {
                                            display: flex;
                                            gap: 24px;
                                            padding: 8px 0;
                                            overflow-x: auto;
                                            justify-content: center;
                                            align-items: center;
                                            width: 100%;
                                            max-width: 1100px;
                                            margin: 0 auto;
                                            animation: scrollCarousel 30s linear infinite;
                                          }
                                          @keyframes scrollCarousel {
                                            0% { transform: translateX(0); }
                                            100% { transform: translateX(-50%); }
                                          }
                                          .partner-carousel .carousel-track:hover {
                                            animation-play-state: paused;
                                          }
                                          @media (max-width: 1024px) {
                                            .partner-carousel .carousel-track {
                                              animation: none;
                                            }
                                          }
                                          @media (max-width: 768px) {
                                            .partner-carousel .carousel-track {
                                              animation: none;
                                            }
                                          }
                                          @media (max-width: 480px) {
                                            .partner-carousel .carousel-track {
                                              animation: none;
                                            }
                                          }
                                      
                
                      .partner-carousel .carousel-track {
                        display: flex;
                        gap: 24px;
                        padding: 8px 0;
                        overflow-x: auto;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                      }
                      .partner-carousel .carousel-track::-webkit-scrollbar {
                        height: 8px;
                      }
                      .partner-carousel .carousel-track::-webkit-scrollbar-thumb {
                        background: #e5e7eb;
                        border-radius: 4px;
                      }
                      @media (min-width: 1200px) {
                        .partner-carousel .carousel-track {
                          justify-content: center;
                        }
                        .carousel-partner {
                          min-width: 220px;
                          max-width: 220px;
                        }
                      }
                      @media (max-width: 1024px) {
                        .partner-carousel .carousel-track {
                          justify-content: center;
                        }
                        .carousel-partner {
                          min-width: 180px;
                          max-width: 180px;
                        }
                      }
                      @media (max-width: 768px) {
                        .partner-carousel .carousel-track {
                          justify-content: center;
                        }
                        .carousel-partner {
                          min-width: 90vw;
                          max-width: 90vw;
                        }
                        .carousel-label-main {
                          font-size: 1.3rem !important;
                        }
                        .trusted-industry-text {
                          font-size: 13px !important;
                        }
                      }
                      @media (max-width: 480px) {
                        .partner-carousel .carousel-track {
                          justify-content: center;
                        }
                        .carousel-partner {
                          min-width: 98vw;
                          max-width: 98vw;
                        }
                        .carousel-label-main {
                          font-size: 1rem !important;
                        }
                        .trusted-industry-text {
                          font-size: 11px !important;
                        }
                      }



        html {
            scroll-behavior: smooth;
        }
        
        /* Smooth scroll for all anchor links */
        a[href^="#"] {
            scroll-behavior: smooth;
        }
    
    
                @keyframes fadeInContent {
                  from { opacity: 0; transform: translateY(20px); }
                  to { opacity: 1; transform: translateY(0); }
                }
                @keyframes slideInLeft {
                  from { opacity: 0; transform: translateX(-40px); }
                  to { opacity: 1; transform: translateX(0); }
                }
                @keyframes pulse {
                  0%, 100% { opacity: 1; }
                  50% { opacity: 0.6; }
                }
                .hero-content-animate {
                  animation: slideInLeft 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
                }
                .hero-category-animate {
                  animation: fadeInContent 0.6s ease-out forwards;
                }
                .hero-headline-animate {
                  animation: fadeInContent 0.6s ease-out 0.1s forwards;
                  opacity: 0;
                }
                .hero-subtext-animate {
                  animation: fadeInContent 0.6s ease-out 0.2s forwards;
                  opacity: 0;
                }
                .hero-cta-animate {
                  animation: fadeInContent 0.6s ease-out 0.3s forwards;
                  opacity: 0;
                }
                .slider-dot {
                  cursor: pointer;
                  transition: all 0.3s ease;
                }
                .slider-dot:hover {
                  transform: scale(1.2);
                }
                .slider-arrow {
                  cursor: pointer;
                  transition: all 0.3s ease;
                  user-select: none;
                }
                .slider-arrow:hover {
                  transform: scale(1.15);
                }
                
                /* Responsive Hero Media Queries */
                @media (max-width: 1024px) {
                  .hero-section-content {
                    padding-left: 60px !important;
                    padding-right: 60px !important;
                  }
                  .hero-headline-animate {
                    font-size: 2rem !important;
                  }
                  .hero-subtext-animate {
                    font-size: 15px !important;
                  }
                  .hero-section {
                    min-height: 70vh !important;
                  }
                }
                
                @media (max-width: 768px) {
                  .hero-section-content {
                    padding-left: 30px !important;
                    padding-right: 30px !important;
                    justify-content: center !important;
                    align-items: center !important;
                  }
                  .hero-section {
                    min-height: 60vh !important;
                  }
                  .hero-content-animate {
                    max-width: 100% !important;
                    text-align: center;
                  }
                  .hero-headline-animate {
                    font-size: 1.5rem !important;
                    line-height: 1.3 !important;
                  }
                  .hero-category-animate {
                    font-size: 10px !important;
                    justify-content: center !important;
                  }
                  .hero-subtext-animate {
                    font-size: 14px !important;
                    margin-bottom: 24px !important;
                  }
                  .hero-buttons-container {
                    flex-direction: column !important;
                    justify-content: center !important;
                  }
                  .hero-btn {
                    width: 100% !important;
                    justify-content: center !important;
                  }
                  .hero-slider-dots {
                    bottom: 30px !important;
                  }
                  .hero-slider-counter {
                    bottom: 30px !important;
                    right: 30px !important;
                    font-size: 11px !important;
                  }
                }
                
                @media (max-width: 480px) {
                  .hero-section-content {
                    padding-left: 20px !important;
                    padding-right: 20px !important;
                    height: 60vh !important;
                  }
                  .hero-section {
                    min-height: 50vh !important;
                  }
                  .hero-headline-animate {
                    font-size: 1.2rem !important;
                  }
                  .hero-category-animate {
                    font-size: 9px !important;
                    display: inline-block !important;
                  }
                  .hero-subtext-animate {
                    font-size: 13px !important;
                    margin-bottom: 20px !important;
                  }
                  .hero-btn {
                    padding: 11px 20px !important;
                    font-size: 12px !important;
                  }
                  .hero-slider-counter {
                    display: none;
                  }
                  .hero-slider-dots {
                    gap: 6px !important;
                    bottom: 20px !important;
                  }
                  .slider-dot {
                    width: 6px !important;
                    height: 6px !important;
                  }
                  .slider-dot:not(.active) {
                    display: none;
                  }
                }
            
                
                    @keyframes scrollCarousel {
                      0% {
                        transform: translateX(0);
                      }
                      100% {
                        transform: translateX(calc(-240px * ${featuredPartners.length} - 28px * ${featuredPartners.length}));
                      }
                    }

                    @keyframes gradientShift {
                      0%, 100% {
                        background-position: 0% center;
                      }
                      50% {
                        background-position: 100% center;
                      }
                    }

                    .partner-card-carousel:hover .partner-logo-carousel {
                      transform: scale(1.12);
                      filter: brightness(1) drop-shadow(0 4px 12px rgba(14, 165, 233, 0.2));
                    }

                    .partner-card-carousel:hover .partner-name-carousel {
                      color: #0ea5e9;
                    }

                    .partner-card-carousel:hover .partner-badge {
                      background: rgba(14, 165, 233, 0.25);
                      color: #0284c7;
                      transform: translateY(-2px);
                    }

                    /* Desktop - Large Screen */
                    @media (min-width: 1201px) {
                      .trusted-heading {
                        font-size: 3rem !important;
                      }
                      .carousel-track {
                        animation: scrollCarousel 100s linear infinite !important;
                      }
                    }

                    /* Laptop/iPad */
                    @media (max-width: 1200px) and (min-width: 769px) {
                      .trusted-heading {
                        font-size: 2.4rem !important;
                      }
                      .partner-card-carousel {
                        min-width: 200px !important;
                        flex: 0 0 200px !important;
                        height: 280px !important;
                        padding: 28px 20px !important;
                      }
                      .carousel-track {
                        gap: 20px !important;
                        animation: scrollCarousel 90s linear infinite !important;
                      }
                      @keyframes scrollCarousel {
                        0% {
                          transform: translateX(0);
                        }
                        100% {
                          transform: translateX(calc(-200px * ${featuredPartners.length} - 20px * ${featuredPartners.length}));
                        }
                      }
                    }

                    /* Tablet */
                    @media (max-width: 768px) {
                      .trusted-heading {
                        font-size: 1.8rem !important;
                      }
                      .trusted-description {
                        font-size: 15px !important;
                      }
                      .partner-card-carousel {
                        min-width: 160px !important;
                        flex: 0 0 160px !important;
                        height: 240px !important;
                        padding: 24px 16px !important;
                        border-radius: 14px !important;
                      }
                      .carousel-track {
                        gap: 16px !important;
                        animation: scrollCarousel 80s linear infinite !important;
                        padding-left: 10px !important;
                      }
                      .partner-logo-carousel {
                        max-height: 60px !important;
                      }
                      .partner-name-carousel {
                        font-size: 14px !important;
                      }
                      .partner-badge {
                        font-size: 9px !important;
                        padding: 4px 10px !important;
                      }
                      @keyframes scrollCarousel {
                        0% {
                          transform: translateX(0);
                        }
                        100% {
                          transform: translateX(calc(-160px * ${featuredPartners.length} - 16px * ${featuredPartners.length}));
                        }
                      }
                    }

                    /* Mobile */
                    @media (max-width: 480px) {
                      .trusted-heading {
                        font-size: 1.4rem !important;
                        margin-bottom: 16px !important;
                      }
                      .trusted-description {
                        font-size: 13px !important;
                      }
                      .carousel-container {
                        padding: 15px 0 !important;
                      }
                      .partner-card-carousel {
                        min-width: 140px !important;
                        flex: 0 0 140px !important;
                        height: 220px !important;
                        padding: 20px 12px !important;
                        border-radius: 12px !important;
                      }
                      .carousel-track {
                        gap: 12px !important;
                        animation: scrollCarousel 70s linear infinite !important;
                        padding-left: 8px !important;
                      }
                      .partner-logo-carousel {
                        max-height: 50px !important;
                      }
                      .partner-name-carousel {
                        font-size: 12px !important;
                        margin-bottom: 8px !important;
                      }
                      .partner-badge {
                        font-size: 8px !important;
                        padding: 3px 8px !important;
                      }
                      @keyframes scrollCarousel {
                        0% {
                          transform: translateX(0);
                        }
                        100% {
                          transform: translateX(calc(-140px * ${featuredPartners.length} - 12px * ${featuredPartners.length}));
                        }
                      }
                    }

                    /* Focus for accessibility */
                    .partner-card-carousel:focus-visible {
                      outline: 2px solid #0ea5e9;
                      outline-offset: 2px;
                    }