.collapsible-div {
     border: 1px solid #e2e8f0;
      border-radius: 8px; 
      overflow: hidden; 
      width: 100%;}

  .coll-btn-div {
    justify-content:  space-between; 
     align-items: center;
    padding: 14px 18px; 
    background: #f8fafc; 
    border: none; cursor: pointer;
    font-size: 1rem; 
    font-weight: 600; 
    color: #0036a2; 
    text-align: left;
    transition: background 0.15s;
  }
  .coll-btn-div:hover  { background: #f1f5f9; }

  .coll-chevron polyline{
  
    stroke: currentColor;
}
  .coll-chevron {
    flex-shrink: 0;
    transition: transform 0.3s ease;
    color: #1e293b;
  }
  .coll-btn-div[aria-expanded="true"] .coll-chevron { transform: rotate(180deg); }

 .coll-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
  }
  .coll-body.open { grid-template-rows: 1fr; }

  .coll-inner { overflow: hidden; padding: 0 18px; }
  .coll-body.open .coll-inner { padding: 14px 18px; }