/* Company Carousel Styles */


.text-light{
    color: linear-gradient(90deg, #d9d9d9 0%, #f5f5f5 25%, #bfbfbf 50%, #f5f5f5 75%, #d9d9d9 100%);
}


.company-carousel-section {

  background: #0c0c16;
  background: linear-gradient(180deg, black 0%, #003366 100%);

  padding: 2rem 0;

  overflow: hidden;

}



.company-carousel-container {

  position: relative;

  max-width: 100%;

  margin: 0 auto;

  overflow: hidden;

}



.company-carousel {

  display: flex;

  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  align-items: center;

  gap: 2rem;

  padding: 2rem 1rem;

  width: 100%;

}



.company-slide {

  display: flex;

  min-width: 100%;

  gap: 2rem;

  justify-content: center;

  align-items: center;

  flex-wrap: nowrap;

  width: 100%;

}



.company-item {

  flex: 0 0 calc(16.666% - 1.5rem); /* 6 items per slide */

  min-width: 150px;

  max-width: 200px;

  height: 120px;

  background: rgba(255, 255, 255, 0.05);

  border: 1px solid rgba(255, 255, 255, 0.1);

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 1rem;

  transition: all 0.3s ease;

  backdrop-filter: blur(8px);

  position: relative;

  overflow: hidden;

  box-sizing: border-box;

}



.company-item:hover {

  background: rgba(255, 255, 255, 0.08);

  border-color: rgba(255, 255, 255, 0.2);

  transform: translateY(-4px);

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);

}



/* Logo styling */

.company-item .company-logo {

  max-width: 100%;

  max-height: 80px;

  width: auto;

  height: auto;

  object-fit: contain;

  filter: brightness(0.9) contrast(1.1);

}



.bg-white{

    background: white;

}



.rounded {

  border-radius: 8px;

}





.company-item:hover .company-logo {

  filter: brightness(1) contrast(1.2);

}



/* Text-only companies (fallback) */

.company-item .company-text {

  color: #ffffff;

  font-weight: 600;

  font-size: 0.9rem;

  text-align: center;

  line-height: 1.3;

  letter-spacing: 0.5px;

  text-transform: uppercase;

}



.company-item.text-only {

  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);

}



.company-item.text-only:hover {

  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%);

}



/* Carousel navigation */

.carousel-nav {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: rgba(255, 255, 255, 0.1);

  border: 1px solid rgba(255, 255, 255, 0.2);

  color: white;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.3s ease;

  backdrop-filter: blur(8px);

  z-index: 10;

}



.carousel-nav:hover {

  background: rgba(255, 255, 255, 0.2);

  border-color: rgba(255, 255, 255, 0.4);

  transform: translateY(-50%) scale(1.1);

}



.carousel-nav.prev {

  left: 20px;

}



.carousel-nav.next {

  right: 20px;

}



/* Carousel indicators */

.carousel-indicators {

  display: flex;

  justify-content: center;

  /* gap: 0.5rem; */

  margin-top: 2rem;

  

}

.carousel-indicators-high{
  top: 160px;
}



.carousel-indicator {

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.3);

  cursor: pointer;

  transition: all 0.3s ease;

}



.carousel-indicator.active {

  background: #ffffff;

  transform: scale(1.2);

}



.carousel-indicator:hover {

  background: rgba(255, 255, 255, 0.6);

}



/* Auto-play pause on hover */

.company-carousel-container:hover .company-carousel {

  animation-play-state: paused;

}



/* Responsive design */

@media (max-width: 1200px) {

  .company-item {

    flex: 0 0 calc(20% - 1.6rem); /* 5 items per slide */

    min-width: 140px;

  }

}



@media (max-width: 992px) {

  .company-item {

    flex: 0 0 calc(25% - 1.5rem); /* 4 items per slide */

    min-width: 130px;

  }

  

  .carousel-nav {

    width: 40px;

    height: 40px;

  }

  

  .company-carousel {

    gap: 1.5rem;

    padding: 2rem 0.5rem;

  }

  

  .company-slide {

    gap: 1.5rem;

  }

}



@media (max-width: 768px) {

  .company-item {

    flex: 0 0 calc(50% - 0.5rem); /* 2 items per slide */

    height: 100px;

    min-width: 130px;

    max-width: 180px;

  }

  

  .company-carousel {

    gap: 1rem;

    padding: 1.5rem 0.5rem;

  }

  

  .company-slide {

    gap: 1rem;

  }

}



@media (max-width: 576px) {

  .company-item {

    flex: 0 0 100%; /* 1 item per slide only */

    height: 120px;

    min-width: 200px;

    max-width: 280px;

    margin: 0 auto;

  }

  

  .company-carousel {

    gap: 0;

    padding: 1.5rem 0.5rem;

  }

  

  .company-slide {

    gap: 0;

    justify-content: center;

  }

  

  /* Mobile individual slides */

  .company-slide.mobile-slide {

    display: flex;

    justify-content: center;

    align-items: center;

    min-width: 100%;

  }

  

  .carousel-nav {

    width: 35px;

    height: 35px;

  }

  

  .carousel-nav.prev {

    left: 5px;

  }

  

  .carousel-nav.next {

    right: 5px;

  }

}



@media (max-width: 480px) {

  .company-item {

    flex: 0 0 100%; /* 1 item per slide */

    height: 100px;

    min-width: 180px;

    max-width: 250px;

    padding: 1rem;

    margin: 0 auto;

  }

  

  .company-carousel {

    gap: 0;

    padding: 1rem 0.5rem;

  }

  

  .company-slide {

    gap: 0;

    justify-content: center;

  }

}



/* Loading state */

.company-item.loading {

  background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 75%);

  background-size: 200% 100%;

  animation: loading 1.5s infinite;

}



@keyframes loading {

  0% { background-position: 200% 0; }

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

}