.accordion-body-old {
        max-height: 200px;      
        overflow-y: auto;      
        overflow-x: hidden;
    }     
    


    .center-box {
        display: flex;
        justify-content: center;   
        align-items: center;      
        height: 100%;              
        width: 100%;
    }
 
 /* Center accordion inside image */
    .accordion-container {
      position: absolute;
      top: 48%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;         /* adjust accordion width */
      z-index: 10;
    }

  .accordion-item {
    background: rgba(240, 240, 240, 0.5);
    /* background: rgba(255, 255, 255, 0.5) !important; */
 
}


   @media (max-width: 768px) {
      .accordion-container {
        width: 100%;     /* increase width so it fits image */
        transform: translate(-50%, -50%);
      }
      .accordion-button {
        font-size: 14px;
        padding: 8px;
      }
     
          .country-title {
    font-size: 10px !important; 
    
  }

  .continent-title {
    font-size: 14px !important;

  }
  .city-list li {
  font-size: 10px !important; 
 
  }
    }