.typewriter-text span {
  opacity: 0;
  position: absolute;
  animation: fadeText 6s infinite;
  color: #68c6e3;
}
.typewriter-text span:nth-child(1) { animation-delay: 0s; }
.typewriter-text span:nth-child(2) { animation-delay: 2s; }
.typewriter-text span:nth-child(3) { animation-delay: 4s; }

@keyframes fadeText {
  0% { opacity: 0; }
  10% { opacity: 1; }
  30% { opacity: 1; }
  40% { opacity: 0; }
  100% { opacity: 0; }
}



/* Styling for logo images */
.logo-img {
  height: 17px; /* Adjust size as needed */
  width: auto;
}

/* Ensuring responsive behavior */
@media (max-width: 768px) {
  .seen-by {
    text-align: center;
  }
  .logo-img {
    height: 40px; /* Adjust size on smaller screens */
  }
}
/* Custom styling for the select input */
select {
  padding-left: 2.5rem; /* Create space for the icon */
  font-size: 1rem;
}

/* Add icon spacing between the icon and text */
select i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Remove the default dropdown icon */
select::-ms-expand {
  display: none; /* Internet Explorer */
}

select {
  -webkit-appearance: none; /* Remove default dropdown in Webkit browsers */
  -moz-appearance: none; /* Remove default dropdown in Firefox */
  appearance: none; /* Hide the native dropdown arrow */
}
.pricing {
   background-color: white;
  padding: 1.5rem; /* Padding for the div */
  border-radius: 12px 12px 40px 12px; /* Top-left, top-right, bottom-right, bottom-left */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
}
.faq-item.active .faq-answer {
            max-height: 500px; /* Adjust as needed */
            opacity: 1;
            padding-top: 1rem;
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding-top 0.3s ease-in-out;
        }

        .faq-item .faq-answer {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding-top 0.3s ease-in-out;
        }

        .faq-item.active .faq-icon {
            transform: rotate(180deg);
        }