.wp-block-cgb-faq .wp-block-cgb-faq-item .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: transparent;
    border: 1px solid #00c798;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    font-weight: 500;
    width: 100%;
    font-size: 1.5rem;
    color: #008080;
  }
  
  .wp-block-cgb-faq .wp-block-cgb-faq-item .accordion-button:hover {
    background-color: rgba(0, 199, 152, 0.05); /* delikatny efekt hover */
  }
  
  .wp-block-cgb-faq .wp-block-cgb-faq-item .accordion-button::after {
    content: "+";
    font-size: 3.2rem;
    color: #9a9a9a;
    font-weight: 200;
    position: absolute;
    right: 20px;
    top: -5px;
    margin-left: 1rem;
    transition: transform 0.3s ease;
  }
  
  .wp-block-cgb-faq .wp-block-cgb-faq-item .accordion-button[aria-expanded="true"]::after {
    content: "-";
    
  }
  
  .wp-block-cgb-faq .wp-block-cgb-faq-item .accordion-collapse {
    display: none;
    padding: 1rem;
    background-color: transparent;
    border: none;
    border-top: none;
    border-radius: 0 0 4px 4px;
  }
  
  .wp-block-cgb-faq .wp-block-cgb-faq-item .accordion-collapse.show {
    display: block;
  }
  
  .djacc-popup .djacc__openbtn--default {
    background: #008080;
  }

  .djacc-popup .djacc__close,  .djacc-popup .djacc__close:hover{
    background: #008080;
  }

  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }

  @media (max-width: 767px) {
    .desktop {
        display: none;
      }
    
      .mobile {
        display: block;
      }

     
        .ban-bg .bg {
            height: 75vw !important;
        }
    
  }


  @media (max-width: 767px) {
    .post-template-default .bg.mobile {
        height: 75vw !important;
    }
}