.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; 
        }

        .left-div, .right-div {
            max-width: 100%;
        }
    } */
    
    @media (max-width: 768px) {
        .container_accordian {
            flex-direction: column; /* Stacks elements vertically */
        }
    
        .left_side,
        .right_side {
            flex: 1 1 100%; /* Takes full width on smaller screens */
            max-width: 100%;
        }
    
        .accordion__header {
            font-size: 14px; /* Adjust text size */
        }
    
        .accordion__content p {
            font-size: 13px; /* Smaller text size for readability */
        }
    }
    
    
    .categories__section{
        padding-top: 50px;
        padding-bottom: 0px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    