.amenities__box{
    background-color: white;
  }
  .section__heading--title.h2{
    color: white;
  }

  .container_accordian {
    display: flex;
    align-items: flex-start; 
    gap: 80px;
    
}
.left_side {
    flex: 1; 
    max-width: 50%; 
    padding: 20px;
    /* background-color: #f4f4f4; */
    /* border: 1px solid #ddd; */
    border-radius: 8px;
}

.right_side {
    flex: 1; 
    max-width:49%; 
    padding: 20px;
    /* background-color: #f4f4f4; */

    /* border: 1px solid #ddd; */
    border-radius: 8px;
}
    .accordion {
        border-bottom: 0.1rem solid var(--color-border);
        padding-bottom: 2rem;
        margin-bottom: 3rem;
    }
    
    .accordion__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        cursor: pointer;
    } 
    
    .accordion__icon {
        background-color: var(--color-primary);
        font-size: 24px;
        display: inline-block;
        width: 2.2rem;
        height: 2.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: green;
        flex-shrink: 0;
    }
    
    .accordion__question{
        font-size: var(--fs-md);
        font-weight: var(--fw-medium);
        color: var(--color-title);
    }
    
    .accordion__answer{
        padding: 2rem 0;
    }
    
    .accordion__content{
        overflow: hidden;
        height: 0;
        transition: var(--transition);
    }
    
    

    /* Responsive design for smaller screens */
    @media (max-width: 768px) {
        .container_accordian {
            flex-direction: column; /* Stacks divs vertically on small screens */
        }

        .left_side, .right_side {
            max-width: 100%; /* Full width on small screens */
        }
    }