.accordion > .accordion-header {
 background-color:#f5f5f5!important;
    font-size:1rem;font-weight: bold;}
.accordion-button {
    background-color:#f5f5f5!important;
}
.accordion {
  border:1px solid #ccc!important;
  --bs-accordion-active-bg: #f5f5f5;
  --bs-accordion-btn-focus-border-color: none!important; 
  --bs-accordion-active-color:#212529!important; 
    
  
}     
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}
.accordion-item {
    
    border-top:0;
    border-bottom:0;
    
}

.accordion-item.accordion-collapse, .accordion-button.collapsed {
    border-radius: 0!important; 
   
}




.accordion-item:not(:first-of-type) {
    border-top: 1px solid #ccc!important;;
  }

.accordion-item.topics {
  
/*border-top:0!important;*/
/*border-bottom:0!important;*/
border: none!important;
}

.accordion-body:last-of-type{
    
    border-bottom:0!important;
}
.accordion-body {
    
    border-bottom:1px solid #ccc!important;
}

a.nostyling{
 color:#333!important;
 display:block!important;
	text-decoration:none!important;   
}

a.nostyling:hover {background-color:#f8f9fa!important;}



/* Define keyframes for a horizontal wobble */
@keyframes arrowWobble {
  0%   { transform: rotate(-90deg) translateX(0); }
  20%  { transform: rotate(-90deg) translateX(3px); }
  40%  { transform: rotate(-90deg) translateX(-3px); }
  60%  { transform: rotate(-90deg) translateX(2px); }
  80%  { transform: rotate(-90deg) translateX(-2px); }
  100% { transform: rotate(-90deg) translateX(0); }
}

/* Define keyframes for a vertical wobble (up/down) */
@keyframes arrowWobbleVertical {
  0%   { transform: rotate(0deg) translateY(0); }
  20%  { transform: rotate(0deg) translateY(3px); }
  40%  { transform: rotate(0deg) translateY(-3px); }
  60%  { transform: rotate(0deg) translateY(2px); }
  80%  { transform: rotate(0deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}

    .accordion-button.link-style {
      text-decoration: none;
      color: #212529;
      background-color: #fff;
      border: 0;
      box-shadow: none;
      position: relative; /* isolate arrow */
    }

    .accordion-button.link-style::after {
      transition: transform 0.2s ease;
      transform: rotate(-90deg);
      will-change: transform;
      position: absolute;
      right: 1.25rem;
      top: 50%;
      transform-origin: center;
      margin-top: -0.5rem;
    }

    .accordion-button.link-style:active {
      background-color: #e9ecef;
      
    }

    .accordion-button.link-style:active::after {
      transform: rotate(-90deg); /* only move right */
    }
    
.accordion-button.link-style:hover::after {
 animation: arrowWobble 0.4s ease-in-out; 
}    

    .accordion-button.link-down {
      text-decoration:none!important;
      color: #212529;
      background-color: #fff;
      border: 0;
      box-shadow: none;
      position: relative; /* isolate arrow */
    }

.accordion-button.link-down::after {
  transform: rotate(-360deg);
  text-decoration:none!important;
}

a.accordion-button.link-style.link-down.collapsed::after {
  transform: rotate(0deg);
  text-decoration:none!important;
}

.accordion-button.link-down:hover::after {
 animation: arrowWobbleVertical 0.4s ease-in-out; 
}