/* Container styling */
 .accordion-container {
     max-width: 600px;
     margin: 20px auto;
 }

 /* Accordion styling */
 .accordion {
     border: 1px solid #ddd;
     /* border-radius: 8px; */
     margin-bottom: 10px;
     overflow: hidden;
     background-color: pink;
 }
 .accordion-image {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 5px;
    margin-right: 10px;
}
 /* Header */
 .accordion-header {
     background-color: pink;
     color: white;
     padding: 15px;
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: background-color 0.3s ease;
 }

 .accordion-header:hover {
     background-color: pink;
 }

 /* Icon */
 .accordion-header .icon {
     font-size: 22px;
     transition: transform 0.3s ease;
 }

 /* Accordion content (hidden by default) */
 .accordion-content {
     background-color: #fff0f5;
     max-height: 0;
     overflow: hidden;
     font-family: roboto;
          transition: max-height 0.3s ease, padding 0.3s ease;
     padding: 0 15px;
 }

 /* When content is active */
 .accordion-content.active {
     padding: 15px;
     max-height: 600px;
     /* Adjust this as necessary for your content */
 }

 /* P text styling */
 .accordion-content p {
     margin: 0;
     padding: 0;
     font-size: 14px;
     font-family: poppins;
     color: #333;
 }