.custom-accordion-container {
    display: flex;
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    /* border: 2px solid #ddd; */
    box-shadow: 2px #000000;
    /* border-radius: 8px; */
    overflow: hidden;
}

.custom-accordion-titles {
    width: 70%;
    background-color: white;
    border-right: 1px solid #ddd;
    
    font-family: poppins;
}

.custom-accordion-titles ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-accordion-titles li {
    padding: 15px;
    cursor: pointer;
    transition: background 0.3s;
    border-bottom: 1px solid pink;
    font-weight: 700;
    /* border-radius: 9px!important; */
}

.custom-accordion-titles li:hover, .custom-accordion-titles li.active {
    background-color: pink; /* Pink */
    color: black;
    border-left: 2px solid purple;
    border-top: 1px solid purple;
    border-radius: 9px;
}

.custom-accordion-content {
    width: 50%;
    padding: 20px;
    background-color: #fff; /* Black */
    color: black;
    border: 1px solid purple;
    border-left: none;
    border-radius: 8px;
    box-shadow: 8px 5px black;
    font-weight:700;
    font-family: poppins;
}

.custom-accordion-description {
    display: none;
}

.custom-accordion-description.active {
    display: block;
}
@media (max-width: 768px) {
    .custum-accordion-container {
        flex-direction: column;
    }

    .custum-accordion-title,
    .custum-accordion-content {
        width: 100%!important;
    }
}