.faq {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
  }
  
  .faq-md {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }
  

  .faq-section{
    height: auto;
  }

 .accordion-header{
     background: none;     
 }

 .accordion-item {
     background: none;
     border: none;
 }

 .accordion-button {
    background: none !important;
    color:var(--white) !important;
    font-weight: 500;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    justify-content: space-between; /* Space between text & icon */
    align-items: center;
    padding: 10px 0;
    width: 100%;
    text-align: left;
    font-size: 13px; /* Default size */
    transition: font-size 0.3s ease; /* Smooth transition */
}

/* Make text and button larger when open */
.accordion-button:not(.collapsed) {
    font-size: 18px; /* Increase size when expanded */
}

/* Increase icon size when open */
.accordion-button:not(.collapsed) .faq-icon {
    font-size: 28px;
}

/* Remove default Bootstrap arrow */
.accordion-button::after {
    display: none !important;
}

 /* Accordion body styling */
 .accordion-body {
     background: transparent !important;
     color: var(--white);
     padding: 10px 0;
     border: none;
 }

 .accordion-section .more-btn {
     background: var(--secondary-color);
     color: var(--white);
     border-radius: 20px;
     padding: 10px 20px;
     font-weight: bold;
     border: none;
     text-decoration: none;
     display: inline-block;
 }
 
 .accordion-section .more-btn:hover {
     background: var(--secondary-color);
     color: var(--white);
 }