@charset "utf-8";
        /* CSS variables with 'fvd-' prefix (Fungal Vaccine Design) */
        :root {
          --fvd-primary-color: #005a9c;
          --fvd-secondary-color: #003366;
          --fvd-accent-color: #f3e04e; /* Updated to yellow */
          --fvd-background-color: #f1f5f9;
          --fvd-banner-background-color: #f2f2f2;
          --fvd-light-background-color: #ffffff;
          --fvd-text-primary-color: #0f172a;
          --fvd-text-secondary-color: #64748b;
          --fvd-link-color: #007bff;
          --fvd-border-color: #e2e8f0;
          --fvd-animation-speed: 0.3s;
          --fvd-services-list-color: #34a853;
          --fvd-services-text-color: #333333;
          --fvd-services-text-light-color: #666666;
          --max-width:1200px;
      }

      /* Base styles */
      * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }
      
      html {
          scroll-behavior: smooth;
      }

      body {
          background-color: var(--fvd-light-background-color);
          color: var(--fvd-text-primary-color);
          line-height: 1.6;
      }
      
      .fvd-container {
          max-width:var(--max-width);
          margin-left: auto;
          margin-right: auto;
          padding: 0 1rem;
      }

      section {
          padding: 4rem 0;
      }
      
      /* h1, h2, h3 {
          font-weight: 700;
      } */
      
      /* a {
          color: var(--fvd-link-color);
          text-decoration: none;
          transition: color var(--fvd-animation-speed) ease;
      }

      a:hover {
          color: var(--fvd-secondary-color);
      } */

      .fvd-btn {
          padding: 0.75rem 1.5rem;
          border-radius: 0.25rem;
          text-decoration: none;
          font-weight: 500;
          transition: all var(--fvd-animation-speed) ease;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 0.5rem;
          cursor: pointer;
          border: 1px solid transparent;
          text-align: center;
      }
      
      .fvd-btn-primary {
          background-color: var(--fvd-primary-color);
          color: var(--fvd-light-background-color);
          border-color: var(--fvd-primary-color);
          box-shadow: 0 4px 15px rgba(37, 99, 235, 0.2);
      }

      .fvd-btn-primary:hover {
          background-color: var(--fvd-secondary-color);
          border-color: var(--fvd-secondary-color);
          box-shadow: 0 6px 20px rgba(79, 70, 229, 0.3);
      }

      .fvd-btn-secondary {
          background-color: transparent;
          color: var(--fvd-primary-color);
          border-color: var(--fvd-primary-color);
      }

      .fvd-btn-secondary:hover {
          background-color: rgba(37, 99, 235, 0.05);
      }

      .fvd-section-title {
          font-size: 2.25rem;
          color: var(--fvd-text-primary-color);
          text-align: center;
          margin-bottom: 2.5rem;
          font-weight: 700;
      }
      
      .fvd-italic {
          font-style: italic;
      }

      /* Stretched link pattern */
      .fvd-stretched-link {
          position: relative;
      }
      .fvd-stretched-link a::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
      }

      /* --- Banner Section --- */
      #fvd-banner {
          display: flex;
          /* min-height: 100vh; */
          padding: 4rem;
          background-color: var(--fvd-banner-background-color);
          align-items: center;
          gap: 2rem;
          flex-wrap: wrap;
      }

      .fvd-banner-content {
          flex: 2;
          padding: 0;
          min-width: 300px;
      }
      
      .fvd-banner-title {
          font-size: 2.5rem;
          font-weight: 700;
          color: var(--fvd-text-primary-color);
          margin-bottom: 1.5rem;
      }

      .fvd-banner-text {
          font-size: 1.1rem;
          line-height: 1.8;
          color: var(--fvd-text-secondary-color);
          margin-bottom: 2rem;
      }

      .fvd-banner-buttons {
          display: flex;
          gap: 1rem;
          margin-top: 2rem;
      }

      .fvd-banner-image {
          flex: 1;
          padding: 2rem;
          min-width: 300px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: var(--fvd-background-color);
          border-radius: 0.5rem;
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
          text-align: center;
      }
      
      .fvd-banner-image .image-placeholder {
          width: 100%;
          height: 200px;
          background-color: rgba(37, 99, 235, 0.1);
          margin-bottom: 2rem;
          border-radius: 0.25rem;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
      }

      .fvd-banner-image .image-placeholder svg {
          width: 5rem;
          height: 5rem;
          fill: var(--fvd-primary-color);
      }

      /* --- Tab Navigation --- */
      #fvd-nav-tabs {
          background-color: var(--fvd-light-background-color);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          position: sticky;
           top: 146px;
          z-index: 900;
      }
      
      .fvd-nav-list {
          display: flex;
          justify-content: center;
          list-style: none;
          margin: 0;
          padding: 0;
      }
      
      .fvd-nav-item {
          display: inline-block;
      }
      
      .fvd-nav-link {
          display: inline-block;
          padding: 1rem 1.5rem;
          color: var(--fvd-text-primary-color);
          font-weight: 600;
          transition: background-color var(--fvd-animation-speed) ease, color var(--fvd-animation-speed) ease;
      }
      
      .fvd-nav-link:hover, .fvd-nav-link.fvd-active {
          background-color: var(--fvd-primary-color);
          color: #ffffff;
      }
  
    @media (max-width: 768px) {
      #fvd-nav-tabs {
         top: 0;
    }
    }
      .fvd-inquire-btn {
          background-color: var(--fvd-accent-color);
          color: var(--fvd-text-primary-color); /* Updated to black for readability on yellow */
          margin-left: auto;
          padding: 1rem 1.5rem;
      }
      
      .fvd-inquire-btn:hover {
          background-color: #FFC100; /* A darker yellow for hover effect */
      }

      /* --- What We Provide Section --- */
      #fvd-what-we-provide {
          background-color: var(--fvd-background-color);
      }
      
      .fvd-steps-wrapper {
          max-width: var(--max-width);
          margin: auto;
          background-color: var(--fvd-light-background-color);
          border-radius: 16px;
          box-shadow: 0 10px S30px rgba(0, 0, 0, 0.07);
          overflow: hidden;
          border: 1px solid var(--fvd-border-color);
          padding: 1.5rem 3rem 3rem 3rem;
      }
      
      .fvd-step-item {
          border-bottom: 1px solid var(--fvd-border-color);
      }

      .fvd-step-item:last-child {
          border-bottom: none;
      }

      /* Clickable header for each step */
      .fvd-step-header {
          display: flex;
          align-items: center;
          padding: 1.5rem 0;
          cursor: pointer;
          position: relative;
      }

      .fvd-step-header:hover h3 {
           color: var(--fvd-primary-color);
      }

      .fvd-step-header .fvd-icon-dot {
          flex-shrink: 0;
          margin-right: 1.5rem;
          width: 16px;
          height: 16px;
          transition: transform var(--fvd-animation-speed) ease;
      }

      .fvd-step-header h3 {
          margin: 0;
          font-size: 1.2rem;
          font-weight: 600;
          color: var(--fvd-text-primary-color);
          transition: color var(--fvd-animation-speed) ease;
      }
      
      /* Content that expands/collapses */
      .fvd-step-content {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.5s ease-in-out;
          position: relative;
          padding-left: 3.5rem; /* Aligns with text, past the icon */
      }
      
      .fvd-step-content p {
          margin: 0;
          padding-bottom: 1.5rem;
          line-height: 1.7;
          color: var(--fvd-text-secondary-color);
      }

      /* Vertical line for the expanded content */
      .fvd-step-content::before {
          content: '';
          position: absolute;
          left: 7px; /* Aligns with the center of the dot icon */
          top: 0;
          bottom: 1.5rem;
          width: 2px;
          background-color: var(--fvd-primary-color);
          opacity: 0.5;
      }

      /* Active state for an expanded item */
      .fvd-step-item.fvd-active .fvd-step-header .fvd-icon-dot {
          transform: scale(1.3);
      }

      .fvd-step-item.fvd-active .fvd-step-content {
          max-height: 300px;
      }

      /* --- Detailed Services Section (New Style) --- */
      #fvd-services {
          background-color: var(--fvd-light-background-color);
      }
      
      .fvd-services-card {
          max-width:var(--max-width);
          margin: 0 auto;
          background-color: var(--fvd-light-background-color);
          padding: 2rem 2.5rem;
          border-radius: 12px;
          box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
      }

      .fvd-services-list {
          position: relative;
          padding-left: 25px;
      }
      
      .fvd-services-list::before {
          content: '';
          position: absolute;
          left: 3px;
          top: 10px;
          bottom: 10px;
          width: 2px;
          background-color: var(--fvd-border-color);
          border-radius: 2px;
      }

      .fvd-service-item {
          display: flex;
          align-items: flex-start;
          position: relative;
          margin-bottom: 2rem;
      }

      .fvd-service-item:last-child {
          margin-bottom: 0;
      }

      .fvd-item-icon {
          position: absolute;
          left: -22px;
          top: 5px;
          background-color: var(--fvd-card-background);
          padding: 2px 0;
          z-index: 1;
      }

      .fvd-item-icon svg {
          width: 18px;
          height: 18px;
          display: block;
      }

      .fvd-item-content {
          padding-left: 20px;
          width: 100%;
      }

      .fvd-item-title {
          font-size: 1.25rem;
          font-weight: 600;
          color: var(--fvd-services-list-color);
          margin: 0 0 0.25rem 0;
      }

      .fvd-item-description {
          font-size: 1rem;
          color: var(--fvd-services-text-light-color);
          margin: 0;
      }

      /* --- Table Section --- */
      .fvd-table-responsive {
          overflow-x: auto;
      }
      
      .fvd-table {
          width: 100%;
          border-collapse: collapse;
          margin-top: 1rem;
          background-color: var(--fvd-light-background-color);
          box-shadow: 0 4px 15px rgba(0,0,0,0.05);
          border-radius: 8px;
          overflow: hidden;
      }
      
      .fvd-table th, .fvd-table td {
          padding: 1rem;
          border: 1px solid var(--fvd-border-color);
          text-align: left;
      }
      
      .fvd-table thead {
          background-color: var(--fvd-primary-color);
          color: #ffffff;
      }
      
      .fvd-table th {
          font-weight: 700;
      }
      
      .fvd-table tbody tr:nth-child(even) {
          background-color: #f9f9f9;
      }

      /* --- Platforms & Technologies Section --- */
      #fvd-platforms {
          background-color: var(--fvd-light-background-color);
      }

      .fvd-platform-slider-container {
          position: relative;
          max-width: var(--max-width);
          margin: auto;
          overflow: hidden;
          border-radius: 12px;
          box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      }
      
      .fvd-platform-slides {
          display: flex;
          transition: transform 0.5s ease-in-out;
      }
      
      .fvd-platform-slide {
          flex-shrink: 0;
          width: 100%;
          display: flex;
          background-color: var(--fvd-light-background-color);
      }

      .fvd-platform-image {
          flex: 1; /* Changed to flex-grow to occupy space */
          min-width: 250px;
          max-width: 350px;
      }
      
      .fvd-platform-image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      .fvd-platform-content {
          flex: 2; /* Changed to flex-grow to occupy space */
          padding: 2.5rem;
      }
      
      .fvd-platform-content h3 {
          color: var(--fvd-primary-color);
          margin-bottom: 1rem;
      }
      
      .fvd-platform-content p {
          color: var(--fvd-text-secondary-color);
          line-height: 1.7;
      }

      .fvd-platform-prev-btn, .fvd-platform-next-btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          background-color: rgba(0,0,0,0.5);
          color: white;
          border: none;
          padding: 0.75rem 0.5rem;
          cursor: pointer;
          z-index: 5;
          transition: background-color var(--fvd-animation-speed) ease;
      }

      .fvd-platform-prev-btn:hover, .fvd-platform-next-btn:hover {
          background-color: rgba(0,0,0,0.7);
      }

      .fvd-platform-prev-btn {
          left: 0;
          border-top-right-radius: 8px;
          border-bottom-right-radius: 8px;
      }

      .fvd-platform-next-btn {
          right: 0;
          border-top-left-radius: 8px;
          border-bottom-left-radius: 8px;
      }

      /* --- Workflow Section --- */
      #fvd-workflow {
          background-color: var(--fvd-background-color);
      }
      
      .fvd-workflow-container {
          max-width: var(--max-width);
          margin: auto;
      }
      
      .fvd-workflow-steps {
          display: flex;
          justify-content: space-between;
          position: relative;
          margin-bottom: 2rem;
          padding: 0 25px;
      }
      
      .fvd-workflow-steps::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50px;
          right: 50px;
          height: 2px;
          background: var(--fvd-border-color);
          transform: translateY(-50%);
          z-index: 1;
      }
      
      .fvd-workflow-step {
          position: relative;
          z-index: 2;
          display: flex;
          align-items: center;
          flex-grow: 1;
      }
      
      .fvd-workflow-step:last-child {
          flex-grow: 0;
      }
      
      .fvd-workflow-step-arrow {
          flex-grow: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 50px;
      }
      
      .fvd-workflow-step-arrow svg {
          color: var(--fvd-border-color);
      }
      
      .fvd-workflow-step button {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          border: 2px solid var(--fvd-border-color);
          background-color: var(--fvd-light-background-color);
          color: var(--fvd-text-secondary-color);
          font-size: 1.5rem;
          font-weight: 600;
          cursor: pointer;
          transition: all var(--fvd-animation-speed) ease;
          flex-shrink: 0;
      }
      
      .fvd-workflow-step button.fvd-active,
      .fvd-workflow-step button:hover {
          background-color: var(--fvd-primary-color);
          color: white;
          border-color: var(--fvd-primary-color);
          transform: scale(1.1);
      }
      
      .fvd-workflow-content {
          display: none;
          padding: 2rem;
          border: 1px solid var(--fvd-border-color);
          border-radius: 8px;
          background-color: var(--fvd-light-background-color);
      }
      
      .fvd-workflow-content.fvd-active {
          display: block;
      }
      
      .fvd-workflow-content h3 {
          color: var(--fvd-primary-color);
          margin-bottom: 1rem;
      }
      
      .fvd-workflow-content ul {
          list-style-type: disc;
          padding-left: 20px;
      }
      
      .fvd-workflow-content ul li {
          margin-bottom: 0.5rem;
      }
      
      .fvd-workflow-cta {
          text-align: center;
          margin-top: 3rem;
      }
      
      /* --- Advantages Section --- */
      #fvd-advantages {
          background-color: var(--fvd-light-background-color);
      }
      
      .fvd-advantages-container {
          max-width: var(--max-width);
          margin: 0 auto;
          padding: 2rem 1rem;
      }

      .fvd-advantages-header h2 {
          font-size: 2.5rem;
          font-weight: 700;
          color: var(--fvd-text-primary-color);
          margin-bottom: 0.5rem;
          position: relative;
          display: inline-block;
          padding-bottom: 0.5rem;
      }
      
      .fvd-advantages-header h2::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 60px;
          height: 4px;
          background-color: var(--fvd-primary-color);
          border-radius: 2px;
      }

      .fvd-advantages-content {
          display: flex;
          flex-wrap: wrap;
          gap: 2rem;
      }

      .fvd-features-wrapper {
          flex: 2;
          min-width: 300px;
      }
      
      .fvd-features-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
          gap: 2rem;
      }

      .fvd-feature-item {
          display: flex;
          flex-direction: column;
          gap: 0.75rem;
          background-color: var(--fvd-background-color);
          padding: 1.5rem;
          border-radius: 8px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      }
      
      .fvd-feature-header {
          display: flex;
          align-items: center;
          gap: 0.75rem;
      }

      .fvd-feature-item h3 {
          margin: 0;
          font-size: 1.2rem;
          font-weight: 600;
          color: var(--fvd-primary-color);
      }
      
      .fvd-feature-item p {
          margin: 0;
          color: var(--fvd-text-secondary-color);
          font-size: 0.95rem;
      }
      
      .fvd-feature-icon {
          width: 24px;
          height: 24px;
          flex-shrink: 0;
      }

      .fvd-image-wrapper {
          flex: 1;
          min-width: 300px;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .fvd-image-wrapper img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 8px;
      }

      /* --- Customer Reviews Section --- */
      #fvd-customer-reviews {
          background-color: var(--fvd-background-color);
      }
      
      .fvd-testimonial-slider {
          max-width: var(--max-width);
          margin: auto;
          overflow: hidden;
          position: relative;
          box-shadow: 0 8px 30px rgba(0,0,0,0.1);
          border-radius: 8px;
      }
      
      .fvd-slides-container {
          display: flex;
          transition: transform 0.5s ease-in-out;
      }
      
      .fvd-slide {
          flex-shrink: 0;
          width: 100%;
          box-sizing: border-box;
          background-color: var(--fvd-light-background-color);
          position: relative;
          height:100%;
      }
      
      .fvd-quote-unit {
          padding: 2rem;
          font-style: italic;
          position: relative;
          min-height:170px;
          
      }

     .fvd-author-unit{
         position: relative;
         bottom:0px;
         min-height:120px;
          display: flex;
          /* align-items: center; */
          justify-content: center;
          flex-direction: column; 
      }
      .fvd-quote-unit p {
          font-size: 1.1rem;
          line-height: 1.8;
          color: var(--fvd-text-secondary-color);
      }

      .fvd-author-unit {
          background-color: var(--fvd-primary-color);
          color: #ffffff;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px;
      }

      .fvd-author-unit h4 {
          font-weight: 700;
          margin-bottom: 0.25rem;
      }

      .fvd-nav-dots {
          text-align: center;
          padding-top: 1rem;
      }

      .fvd-dot {
          cursor: pointer;
          height: 10px;
          width: 10px;
          margin: 0 5px;
          background-color: var(--fvd-border-color);
          border-radius: 50%;
          display: inline-block;
          transition: background-color 0.3s ease, width 0.3s ease;
          border: none;
          padding: 0;
      }

      .fvd-dot.fvd-active {
          background-color: var(--fvd-primary-color);
          width: 25px;
          border-radius: 5px;
      }

      /* --- Case Study Section --- */
      #fvd-case-study {
          background-color: var(--fvd-light-background-color);
      }

      .fvd-case-study-content {
          display: flex;
          flex-wrap: wrap;
          gap: 2rem;
          align-items: center;
      }
      
      .fvd-case-study-text {
          flex: 1;
      }

      .fvd-case-study-text h3 {
          color: var(--fvd-primary-color);
          margin-bottom: 1rem;
      }
      
      .fvd-case-study-image {
          flex: 1;
          min-width: 300px;
          display: flex;
          flex-direction: column; /* Changed to column to stack image and caption */
          justify-content: center;
          align-items: center;
          text-align: center;
      }
      
      .fvd-case-study-image img {
          width: 100%;
          height: auto;
          border-radius: 8px;
          box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      }

      .fvd-case-study-image figcaption {
          margin-top: 1rem;
          font-size: 0.9rem;
          line-height: 1.4;
          color: var(--fvd-text-secondary-color);
      }

      /* --- FAQs Section --- */
      #fvd-faqs {
          background-color: var(--fvd-background-color);
      }
      
      .fvd-faq-item {
          border-bottom: 1px solid var(--fvd-border-color);
      }
      
      .fvd-faq-question {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 1.5rem 0;
          cursor: pointer;
          color: var(--fvd-text-primary-color);
          font-weight: 600;
          transition: color var(--fvd-animation-speed) ease;
      }
      
      .fvd-faq-question:hover {
          color: var(--fvd-primary-color);
      }

      .fvd-faq-icon {
          width: 24px;
          height: 24px;
          flex-shrink: 0;
          transition: transform var(--fvd-animation-speed) ease;
      }
      .fvd-faq-icon.active{
        transform: rotate(45deg);
      }
      
      .fvd-faq-answer {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.5s ease-in-out, padding var(--fvd-animation-speed) ease;
      }
      
      .fvd-faq-answer.fvd-active {
          max-height: 300px; /* Adjust as needed */
          padding-bottom: 1.5rem;
      }
      
      .fvd-faq-answer.fvd-active + .fvd-faq-question .fvd-faq-icon {
          transform: rotate(45deg);
      }
      
      /* --- Contact/CTA Section --- */
      #fvd-cta {
          background-color: var(--fvd-primary-color);
          color: #ffffff;
          text-align: center;
          padding: 4rem 1rem;
      }
      
      #fvd-cta h2 {
          font-size: 2rem;
          margin-bottom: 1rem;
      }

      #fvd-cta p {
          font-size: 1.1rem;
          margin-bottom: 2rem;
          color: rgba(255,255,255,0.8);
      }
      
      /* --- Featured Products Section --- */
      #fvd-featured-products {
          background-color: var(--fvd-background-color);
      }
      
      .fvd-product-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 1.5rem;
          text-align: center;
      }
      
      .fvd-product-item {
          padding: 1rem;
          border-radius: 8px;
          background-color: var(--fvd-light-background-color);
          box-shadow: 0 4px 15px rgba(0,0,0,0.07);
          transition: box-shadow 0.3s ease;
      }

      .fvd-product-item:hover {
          box-shadow: 0 6px 20px rgba(0,0,0,0.1);
      }

      .fvd-product-item h3 {
          font-size: 1.1rem;
          margin: 0;
          font-weight:bold;
      }
      
      /* --- Featured Resources Section --- */
      #fvd-featured-resources {
          background-color: var(--fvd-light-background-color);
      }
      
      .fvd-resources-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 2rem;
      }
      
      .fvd-resource-card {
          display: block;
          background-color: var(--fvd-background-color);
          border-radius: 8px;
          box-shadow: 0 4px 15px rgba(0,0,0,0.07);
          overflow: hidden;
          transition: transform var(--fvd-animation-speed) ease, box-shadow var(--fvd-animation-speed) ease;
      }
      
      .fvd-resource-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 8px 25px rgba(0,0,0,0.1);
          text-decoration: none;
      }
      
      .fvd-resource-card img {
          width: 100%;
          height: 200px;
          object-fit: cover;
          display: block;
      }
      
      .fvd-resource-card-content {
          padding: 1.5rem;
      }
      
      .fvd-resource-card-content h3 {
          margin: 0;
          font-size: 1.25rem;
          font-weight:bold;
      }
      
      /* Style for the yellow inquire buttons */
      .fvd-btn-inquire-yellow {
          background-color: var(--fvd-accent-color);
          color: var(--fvd-text-primary-color);
          border-color: var(--fvd-accent-color);
      }

      .fvd-btn-inquire-yellow:hover {
          background-color: #FFC100;
          border-color: #FFC100;
      }

      /* Responsive Adjustments */
      @media (max-width: 992px) {
          .fvd-banner-content { padding-right: 0; }
          .fvd-workflow-steps { padding: 0 5px; }
          .fvd-workflow-steps::before { left: 30px; right: 30px; }
      }

      @media (max-width: 768px) {
          #fvd-banner { flex-direction: column; text-align: center; }
          .fvd-banner-content { padding: 0; margin-bottom: 2rem; }
          .fvd-banner-title { font-size: 2.2rem; }
          .fvd-banner-buttons { justify-content: center; }
          .fvd-nav-list { flex-wrap: wrap; }
          .fvd-section-title { font-size: 1.8rem; }
          .fvd-services-grid { grid-template-columns: 1fr; }
          .fvd-platform-slide { flex-direction: column; }
          .fvd-platform-image { max-width: 100%; height: 200px; }
          .fvd-platform-content { padding: 1.5rem; }
          .fvd-features-grid, .fvd-product-grid, .fvd-resources-grid { grid-template-columns: 1fr; }
          .fvd-case-study-content { flex-direction: column; }
          .fvd-workflow-steps { display: none; }
          .fvd-workflow-content { display: block; margin-bottom: 1rem; border: 1px solid var(--fvd-border-color); border-radius: 8px; padding: 1.5rem;}
          .fvd-banner-image { text-align: center; }
      }