summary {
    font-size: 1.25rem;
    font-weight: 600;
    background: #0367E0;
    background: linear-gradient(90deg, #0366e07e 35%, rgba(0,212,255,0.6197829473586309) 100%);
    color: rgb(255, 255, 255);
    padding: 1rem;
    margin-bottom: 1rem;
    outline: none;
    border-radius: 15px;
    text-align: left;
    cursor: pointer;
    position: relative;
  }

  .col-12-lg {
    width: 100%;
    padding-bottom: 30px;
  } 

  .faq__content {
    width: 90%;
    margin: auto;
    text-align: justify;
    padding: 0 0 2% 0;
  }
  .faq__content ul {
    box-shadow: 0 20px 40px -14px rgb(0 0 0 / 25%);
    border-radius: 10px;
    margin-bottom: 5px;
    height: 100%;
    text-align: justify;
    margin: auto;
    padding: 10px 40px;
  }
  details > summary::after {
    position: absolute;
    content: "+";
    right: 20px;
  }
  details[open] > summary::after {
    position: absolute;
    content: "-";
    right: 20px;
  }
  details > summary::-webkit-details-marker {
    display: none;
  }

  details[open] summary ~ * {
    animation: sweep .8s ease-in-out;
  }
  @keyframes sweep {
    0%    {opacity: 0; margin-top: -10px}
    100%  {opacity: 1; margin-top: 0px}
  }