.faq-section details {
  margin-bottom:var(--margin-xs);
  border: 0px solid rgba(0,0,0,0);
  border-bottom: 2px solid var(--default-colour1);
  padding:  var(--padding-s) 0px;
  background: rgba(0,0,0,0);
  transition: all 0.3s ease;
}

.faq-section summary {
  cursor: pointer;
  font-weight: bold;
  position: relative;
  padding:0px 50px 0 0 ;
  list-style: none;
  font-family: var(--titlefont);
  font-size: 16px;
}

.faq-section summary::-webkit-details-marker {
  display: none;
}

.faq-section summary::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 16px;
  height: 28px;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s ease, background-image 0.3s ease;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.5 150'%3E%3Cpath fill='%23deec3a' d='M10.5,150c-2.69,0-5.37-1.02-7.42-3.08-4.1-4.1-4.1-10.75,0-14.85l57.08-57.07L3.08,17.93C-1.03,13.82-1.03,7.18,3.08,3.08,7.18-1.03,13.82-1.03,17.92,3.08l64.5,64.5c1.97,1.97,3.08,4.64,3.08,7.42s-1.11,5.46-3.08,7.42L17.92,146.92c-2.05,2.05-4.74,3.08-7.42,3.08Z'/%3E%3C/svg%3E");
}

.faq-section details[open] summary::before {
  transform: translateY(-50%) rotate(0deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.5 150'%3E%3Cpath fill='%23000000' d='M10.5,150c-2.69,0-5.37-1.02-7.42-3.08-4.1-4.1-4.1-10.75,0-14.85l57.08-57.07L3.08,17.93C-1.03,13.82-1.03,7.18,3.08,3.08,7.18-1.03,13.82-1.03,17.92,3.08l64.5,64.5c1.97,1.97,3.08,4.64,3.08,7.42s-1.11,5.46-3.08,7.42L17.92,146.92c-2.05,2.05-4.74,3.08-7.42,3.08Z'/%3E%3C/svg%3E");
}

.faq-section p {
  margin: var(--margin-xxs) 0 0;
  line-height: 1.5;
  padding-right: var(--padding-m);
}