.collapsible {
  background-color: #ffffff;
  color: #383B3E;
  cursor: pointer;
  padding: 8px 18px 8px 15px;
margin-left:10px;
margin-top: 17px;
margin-bottom: 5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
font-family: Whitney-Medium-Pro,Arial,Helvetica,sans-serif;

}

.active, .collapsible:hover {
  background-color: #ffffff;
color: #c41f3e;
  text-decoration: underline;
}
.active{
color: #c41f3e;
border-left: 4px solid #c41f3e;
text-decoration: none !important;
}
 .collapsible:after {
    content: "";
background-image: url("https://image.info.cibc.com/lib/fe2d11727364047c731d75/m/1/b4b67f40-8e62-4542-a61e-5ab80fba92bc.png");
display: inline-block;
background-repeat:no-repeat;
background-position: center center;
background-size: 15px 6.60px;
width:20px;
height:20px;
  color: #c41f3e;
  
  float: right;
  margin-left: 5px;

  
  
}
.active:after {
  content: "";
background-image: url("https://image.info.cibc.com/lib/fe2d11727364047c731d75/m/1/1d35576d-e255-4573-ab9e-6835f3079c9d.png");
display: inline-block;
background-repeat:no-repeat;
background-position: center center;
background-size: 15px 6.60px;
width:20px;
height:20px;
}


.content {

  padding: 0 18px;
  margin-top: 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #ffffff;
}

.highlight {
  /*background-color: #fff3f4;*/ /* Optional light red background */
  border: 2px dotted #c41f3e; /* Dotted red border for highlighting */
  padding: 0px 10px; /* Padding for clear spacing */
  border-radius: 4px; /* Rounded corners for aesthetic */
  transition: background-color 0.3s ease; /* Smooth fade effect */
}
 .collapsible:focus {
      outline: none; 
    }
    
    .collapsible:focus-visible {
      outline: 1px dashed #c41f3e; 
    }
    
    .active.collapsible:focus, .active.collapsible:focus-visible  {
      outline: none !important; 
    }