/* Ensure all sections take full width */
 section {
   padding: 4rem 0; /* Add padding for sections */
   position: relative;
   z-index: 10; /* Ensure content stays on top of the gradient */
 }
 
 /* Optional: To add a slight overlay to sections for better text readability */
 section::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
 } 

/* Hero Section */
.slideshow {
    position: relative;
    width: 100%;
    max-width: 600px; /* Adjust as needed */
    height: 400px; /* Adjust as needed */
    margin: 0 auto;
    overflow: hidden;
 }
 
 .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: fade 10s infinite;
 }
 
 .slide:nth-child(1) {
    animation-delay: 0s;
 }
 
 .slide:nth-child(2) {
    animation-delay: 2s;
 }
 
 .slide:nth-child(3) {
    animation-delay: 4s;
 }
 
 .slide:nth-child(4) {
    animation-delay: 6s;
 }
 
 .slide:nth-child(5) {
    animation-delay: 8s;
 }
 
 @keyframes fade {
    0%, 20% {
       opacity: 1;
    }
    25%, 100% {
       opacity: 0;
    }
 } 

 /* Styling for case study cards */
#case-studies .bg-white {
   background-color: #FFFFFF;
   padding: 1.5rem;
   border-radius: 10px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 /* Hover effect on case study cards */
 #case-studies .bg-white:hover {
   transform: scale(1.05); /* Slight zoom effect */
   box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
 }
 
 /* Styling for headings and text */
 #case-studies h3 {
   color: #6a4c93;
   font-weight: 600;
 }
 
 #case-studies p {
   color: #4B5563;
 }
 
 /* Link styling */
 #case-studies a {
   color: #6a4c93;
   text-decoration: none;
   font-weight: 600;
 }
 
 #case-studies a:hover {
   color: #4F46E5;
 }

 /* Footer Styling */
footer {
   background-color: #1a1a1a; /* Dark background for footer */
   color: #fff;
   padding: 4rem 0;
 }
 
 footer h4 {
   font-weight: 600;
   margin-bottom: 1rem;
 }
 
 footer p {
   margin-bottom: 0.5rem;
 }
 
 footer ul {
   list-style: none;
   padding: 0;
 }
 
 footer a {
   color: #ffffff;
   transition: color 0.3s ease;
   text-decoration: none;
 }
 
 footer a:hover {
   color: #FFD166; /* Hover color for links */
 }
 
 /* Social Media Icons Styling */
 footer i {
   transition: color 0.3s ease;
 }
 
 footer i:hover {
   color: #FFD166; /* Hover effect for icons */
 }
 
 /* Responsive Layout */
 @media (max-width: 768px) {
   footer .flex {
     flex-direction: row;
     align-items: center;
   }
 
   footer .w-full {
     width: 100%;
   }
 }

 /* Newwwwwwwwwwwwwwww */

  /* Testimonial for carousel animation */
  .carousel-container {
    overflow: hidden;
    position: relative;
  }

  .carousel-track {
    display: flex;
    animation: scroll 20s linear infinite;
  }

  .carousel-item {
    flex: 0 0 auto;
    width: 33.33%;
    margin: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  /* Animation for infinite loop */
  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }