@import "tailwindcss";

.raleway {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
}

body {
  font-family: "Raleway", sans-serif;
}

.filter-white {
    filter: brightness(0) invert(1);
}

@keyframes slideIn {
            from { transform: translateY(-20px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        .sidebar-animate {
            animation: slideIn 0.3s ease-out forwards;
        }

  
 /* Base Carousel Styles */
.block-carousel {
  overflow: hidden;
  position: relative;
}

.carousel-items {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.company {
  flex: 0 0 auto;
  padding: 0 1rem;
}

.company img {
  max-height: 80px;
  width: auto;
  max-width: 100%;
  transition: all 0.3s ease;
}

/* Scroll animation */
@keyframes scroll {
  100% {
    transform: translateX(calc(-50% - 2rem)); /* 2rem = space-x-8 * 2 */
  }
}

.block-carousel[data-animated="true"] .carousel-items {
  animation: scroll 100s linear infinite;
  width: max-content;
}

/* Faster on tablets */
@media (max-width: 1024px) {
  .block-carousel[data-animated="true"] .carousel-items {
    animation-duration: 70s;
  }
}

/* Even faster on phones */
@media (max-width: 640px) {
  .block-carousel[data-animated="true"] .carousel-items {
    animation-duration: 50s;
  }
}

.block-carousel[data-animated="true"] .carousel-items:hover,
.block-carousel[data-animated="true"] .carousel-items:focus {
  animation-play-state: paused;
}

/* Accessibility: fallback */
@media (prefers-reduced-motion: reduce) {
  .block-carousel[data-animated="true"] {
    overflow: visible;
  }

  .block-carousel .carousel-items {
    animation: none !important;
    overflow-x: auto;
  }
}



  .nav-circle {
    width: 48px;
    height: 48px;
    border: 2px solid #102E16;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
    outline: none;
    padding: 0;
  }
  
  .nav-arrow path {
    transition: stroke 0.2s;
  }
  
  .nav-circle:hover {
    background: #102E16;
  }
  
  .nav-circle:hover .nav-arrow path {
    stroke: #fff;
  }

  .carousel-track {
    display: flex;
    transition: transform 0.3s ease;
  }
  
  .carousel-image {
    flex: 0 0 auto;
    margin-right: 1rem; /* space-x-4 equivalent */
  }
  
  /* Remove margin from last image */
  .carousel-image:last-child {
    margin-right: 0;
  }

  .carousel-container::-webkit-scrollbar {
    display: none;
}

.carousel-container {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

  .accordion-icon {
    transition: transform 0.3s ease;
  }