.accordion-item {
        overflow: hidden;
    }
    .accordion-header {
        width: 100%;
        position: relative;
        display: block;
        color: #333333;
        font-weight: bold;
        padding: 10px 0 10px 10px;
        text-decoration: none;
        font-size: 17px;
        cursor: pointer;
        border-bottom: 1px dashed #cccccc;
    }

    .accordion-content {
        height: 0;
        font-size: 17px;
        background-color: #f8f8f8;
        line-height: 250%;
        margin: 0;
        transition: height 0.3s ease-out;
        overflow: hidden;
    }
    .accordion-content.active {
        padding: 10px 20px;
        height: auto;
        /* Adjust according to your content */
      }