:root {
      --primary-color: #00a972;
      --primary-hover: #0a865d;
    }

    #home{
      padding-top: 40px;
    }

    .text-primary {
      color: var(--primary-color) !important;
    }

    .bg-primary {
      background-color: var(--primary-color) !important;
    }

    .hover\:text-primary:hover {
      color: var(--primary-color) !important;
    }

    .hover\:bg-primary:hover {
      background-color: var(--primary-color) !important;
    }

    .border-primary {
      border-color: var(--primary-color) !important;
    }

    .bg-gradient-1 {
      background: linear-gradient(135deg, #00a972 0%, #028a5c 50%, #03704c 100%);
    }

    .faq-arrow {
      transition: transform 0.3s ease;
    }

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

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

    .faq.active .faq-answer {
      max-height: 500px;
      opacity: 1;
      margin-top: 1rem;
    }