header {
    background: #fff;
}
.faq-section {
    background: url(../images/faq/faq-bg.png);
    background-size: 100% 100%;
    margin-top: 100px;
    padding-top: 0;
    padding-bottom: 8%;
}
.faq-title {
    padding-left: 8%;
}
.faq-title img {
    width: 125px;
}
.faq-container {
    width: 76%;
    margin-top: 4%;
}

.accordion {
    background: none;
    box-shadow: none;
    border: none;
    width: 100%;
 }
 .accordion::after {
     display: none;
 }
.accordion .accordion-item {
    /* border-bottom: 1px solid #FB5411; */
    position: relative;
    margin-bottom: 3%;
    /* padding-right: 5%; */
  }
  .brd-line {
    border-bottom: 1px solid #FB5411;

  }
  .accordion .accordion-item button[aria-expanded=true] ~ .brd-line {
    border-bottom: 1px solid #3F3C3C;

  }
  /* .accordion .accordion-item button[aria-expanded=true] {
    border-bottom: 1px solid #F05654;
  } */
  .accordion button {
    /* position: relative; */
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    border: none;
    background: none;
    outline: none;

    padding-right: 5%;
    color: #000;
    font-family: 'Poppins-Medium';
    font-size: 15px;
    line-height: 21px; /* 140% */
    letter-spacing: 0.45px;
  }
  .accordion button img {
      width: 20px;
      margin-bottom: 0px;
  }
  .accordion button:hover, .accordion button:focus {
    cursor: pointer;
    /* color:#F05654; */
  }
  .accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color:#F05654;
    border: 1px solid#F05654;
  }
  .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
  }
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: -11px;
    width: 42px;
    height: 42px;
    border: 1px solid;
    border-radius: 15px 0px 15px 0px;
    background: #FB5411;
    border-color: #FB5411;
    z-index: 1;
  }
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 20px;
    height: 1px;
    background: #fff;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    margin: auto;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    background: #fff;
    right: 0;
    margin: auto;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* .accordion button[aria-expanded=true] {
    color:#F05654;
  } */
  .accordion .accordion-item > .accordion button[aria-expanded=true] {
    border-bottom: 1px solid #3F3C3C;
  }
  .accordion button[aria-expanded=true] .icon {
    background: #3F3C3C;
    border-color: #3F3C3C;
  }
  .accordion button[aria-expanded=true] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    max-height: 12em; 
    max-height: fit-content;
    transition: all 200ms linear;
    will-change: opacity, max-height;
    margin-bottom: 0;
    margin-top: 0;
    /* overflow-y: scroll; */
  }
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
    padding-right: 5%;
  }
  .accordion .accordion-content li {
        font-size: 16px;
      font-weight: 300;
      line-height: 25px;
      border: none;
      padding: 5px;
      text-align: left;
      list-style-type: square;
      color: #7a7a7a;
  }
  .accordion .accordion-content ul {
      margin: 1em 0 1em 5%;
      display: block;
      list-style-type: square;
  }
  .accordion .accordion-content p {
    color: #3A3636;
    font-size: 12px;
    line-height: 21px; /* 175% */
    letter-spacing: 0.36px;
  }
  
@media (max-width:1200px){
  .faq-section{
    margin-top: 0px;
    padding-top: 110px;
  }
}
@media (max-width: 600px) {
    /* .faq-section {
        margin-top: 64px;
    } */
    .faq-title img {
        width: 85px;
    }
    .faq-container {
        width: 90%;
    }
    .accordion button {
        font-size: 13px;
        padding-right: 0;
    }
    .accordion .accordion-item {
        margin-bottom: 6%;
    }
    .accordion button .icon {
        width: 30px;
        height: 30px;
        border-radius: 11px 0px 11px 0px;
    }
    .accordion button .icon::after { 
        height: 15px;
    }
    .accordion button .icon::before { 
        width: 15px;
    }
}
  @media screen and (min-width: 600px) and (max-width: 992px) {
    .accordion button {
        font-size: 14px;
    }
  }
  @media (max-width: 992px) {
      /* .accordion button[aria-expanded="true"] + .accordion-content {
          overflow-y: scroll;
      } */
  }