/* CSS Document */



/**********************************************************/
/*********************** Download *************************/



.accordionFAQ{ max-width: 1000px; width: 90%; margin: 0 auto; }
.accordionFAQ .card{ border:0; background-color: transparent; border-top: 1px solid var(--Purple-400); border-radius: 0; }
.accordionFAQ .card--download{ border-bottom: 1px solid var(--Purple-400); }
.accordionFAQ .card-header{ 
  cursor: pointer; 
  border-radius: 0;
  background-color: transparent;
  font-size: 18px; color: var(--primary);
  padding: 20px 70px 20px 30px;
  border: 0; position: relative;
  display: flex; justify-content: space-between;
}
.accordionFAQ .card-header.collapsed{
  background-color: transparent;
  color: var(--primary);
}
.accordionFAQ .card-header::after  {
  content: ""; position: absolute; right: 30px; top: 50%; margin-top: -4px;
  background-image: url('../images/icon/arrow-down.svg'); background-size: cover;
  filter: var(--filter-grey200);
  width: 14px; height: 8px;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  transition: transform .3s ease-in-out; 
}
.accordionFAQ .card-header.collapsed::after  {
  /* symbol for "collapsed" panels */
  transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transition: transform .3s ease-in-out; 
}

.accordionFAQ .card-header .title-icon{ display: flex; align-items: center; gap: 20px; }
.accordionFAQ .card-header .title-icon img{ width: 40px; }

.accordionFAQ .card-body{ padding: 20px 70px; }
.accordionFAQ .card-body h2{ font-size: var(--txt-h2); font-weight: bold; margin-bottom: 10px; }
.accordionFAQ .card-body h3{ font-size: var(--txt-h3); font-weight: bold; margin-bottom: 10px; }
.accordionFAQ .card-body h4{ font-size: var(--txt-h4); font-weight: bold; margin-bottom: 10px; }
.accordionFAQ .card-body ul{ list-style: disc; margin-left: 20px; margin-bottom: 30px; }
.accordionFAQ .card-body ol{ list-style: decimal; margin-left: 20px; margin-bottom: 30px; }
.accordionFAQ .card-body p, .accordionFAQ .card-body li{ font-size: var(--txt-detail); }
.accordionFAQ .card-body p{ margin-bottom: 30px; }
.accordionFAQ .card-body li{ margin-bottom: 10px; }
.accordionFAQ .card-body p:last-child,
.accordionFAQ .card-body ul:last-child,
.accordionFAQ .card-body ol:last-child,
.accordionFAQ .card-body li:last-of-type{ margin-bottom: 0; }


.download--pc{ display: block; }
.download--mobi{ display: none; }



@media (max-width: 991px) {

  .download--pc{ display: none; }
  .download--mobi{ display: block; }

  .accordionFAQ .card-body{ padding: 20px 70px 50px; }

}
@media (max-width: 576px){

  .accordionFAQ .card-header{ padding: 20px 20px 20px 10px; font-size: 16px; }
  .accordionFAQ .card-header::after{ right: 5px; }
  .accordionFAQ .card-header .title-icon{ gap: 10px; }
  .accordionFAQ .card-header .title-icon img{ width: 30px; }
  .accordionFAQ .card-body{ padding: 20px 10px 40px; }

}




/**********************************************************/
/**********************************************************/