:root {

    --primary-red:      rgba(223, 52, 46, 1);
    --primary-blue:     rgba(0, 67, 136, 1);
    --white:            rgba(255, 255, 255, 1);
    --black:            rgba(0, 0, 0, 1);
    --black-10:            rgba(0, 0, 0, .1);
    --dark-grey:        rgba(112, 112, 112, 1);
    --mid-grey:         rgba(161, 161, 160, 1);
    --light-grey:       rgba(206, 206, 206, 1);
    --light-grey-80:    rgba(206, 206, 206, .8);
    --light-blue:         rgba(204, 237, 249, 1);
    --meh:                rgba(214, 224, 222, 1);


    --gradient-kachel: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%);

  }

.faq-accordion {
    max-width: 1400px;
    margin: 50px auto;
    padding: 32px 32px;
}
.accordion {
    border: 1px solid var(--light-grey);
    border-radius: 25px;
    padding: 80px 70px;
    background-color: var(--white);

}
.faq-accordion h1 {
    margin: 20px 0 40px;
    font-size: clamp(2rem, 5vw, 80px);
}
.accordion-item {
    border-bottom: 1px solid var(--dark-grey);
    margin-bottom: 1rem;
  }
.accordion-item:last-of-type {
    border-bottom: none;
    margin-bottom: 1rem;
  }
  
  .accordion-title {
    /* background-color: var(--white); */
    color: var(--blue);
    padding: 20px;
    cursor: pointer;
    border-radius: 12px;
    min-height: 70px;
    display: flex;
    align-items: center;
    font-size: 20px;
  }
  .accordion-title::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/svg/chevron-down-solid.svg);
    background-repeat: no-repeat;
    margin-right: 20px;
  }
  
  .accordion-content {
    display: none;
    padding: 0 20px 32px;
    transition: .3s ease-in-out;
    background-color: var(--white);
    border-radius: 12px;


}

.accordion-item.active .accordion-content {
    display: block;
    border-radius: 0px 0px 12px 12px;
  }
  

.accordion-item.active .accordion-title {
    border-radius: 12px 12px 0px 0px;
  }
  
@media screen and (max-width: 1460px) {
  
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 768px) {
  .accordion {
    padding: 40px 20px;
  }
  .accordion-title {
    padding: 20px 5px;
  }
  .accordion-title::before {
    margin-right: 5px;
    width: 50px;
  }
}
@media screen and (max-width: 480px) {

}