#faq-image-section {
    .faq-image-wrapper {
      display: flex;
      align-items: stretch;
  
      @media (max-width: 767px) {
        flex-direction: column;
      }
  
      .faq-section {
        flex: 1 1 50%;
        display: flex;
        flex-direction: column;
        overflow: hidden; 
        justify-content: flex-start;
        padding: 5rem 2rem 5rem 2rem;
        .short-text{
            margin: 0;
        }
        .faq-title{
            margin-bottom: 1rem;
            margin-top: 0.5rem;
            @media screen and (max-width: 767px) {
                font-size: 28px !important;
            }
        }
        .faq-items {
            .faq-item {
              border-bottom: 1px solid #ccc;
              display: flex;
              flex-direction: column;
          
              .faq-question {
                font-weight: bold;
                cursor: pointer;
                position: relative;
                display: flex;
                align-items: center;
                padding: 1.4em 0;
          
                .faq-icon {
                  font-size: 22px;
                  font-weight: 100;
                  margin-right: 20px;
                  transition: transform 0.3s ease; // Smooth icon animation
                }
          
                &:hover {
                  color: #7d5454;
                }
              }
          
              .faq-answer {
                height: 100%;
                max-height: 0;
                transition: max-height 0.5s ease; 
                padding: 0;
                font-size: 14px;
                transition: all 0.5s 0.2s;
                opacity: 0;
                &.open {
                  opacity: 1;
                  padding: 0.5em 2em 0 2em; 
                }
              }
            }
          }
          
      }
    }
  
    .image-section {
      flex: 1 1 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50%;
      @media screen and (max-width: 991px) {
        display: none;
      }
      // @media screen and (min-width: 992px) and (max-width: 1024px) {
      //   background-size: none;
      // }
    //   img {
    //     width: 100%;
    //     height: 100%;
    //     object-fit: cover;
    //     display: block;
    //   }
    }
  }