.faq {
    padding: 70px 0;
    background: #fff;
}

.faq-subtitle{
    font-size:12px;
    letter-spacing:2px;
    color:#6b7280;
}

.faq-title{
    font-size:36px;
    margin:15px 0;
}

.faq-desc{
    color:#6b7280;
    margin-bottom:30px;
}
.accordion-item .accordion-button[aria-expanded="true"] {
    border-radius: 15px 15px 0px 0px !important;
    transition: .3s ease-in-out;
}
/* CARD */
.faq-card {
    background: #0f2a33;
    color: #fff;
    padding: 25px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.faq-users{
    display:flex;
    margin-bottom:15px;
}

.faq-users img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: -10px;
}

.rating {
    color: #fff;
    font-size: 14px;
    font-family: var(--font-01);
}

.faq-card h4 {
    margin: 5px 0;
    font-size: 24px;
    font-family: var(--font-01);
}

.accordion-body-review {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.accordion-body-review ul {
  display: flex;
  align-items: center;
  column-gap: 5px;
  padding: 0;
  margin: 0;
}
.accordion-body-review ul li {
  list-style: none;
  font-size: 25px;
  color: var(--color-2);
}
/* ACCORDION */
.accordion-item{
    border:none;
    margin-bottom:15px;
    border-radius:15px;
    overflow:hidden;
}

.accordion-button {
    font-weight: 500;
    padding: 20px;
    border-radius: 15px !important;
    border: 2px solid #e5e7eb;
    background: #fff;
    font-size: 20px;
}
.accordion-item .accordion-button[aria-expanded="true"]::after {
    background: linear-gradient(90deg, #D4AE55 0%, #B58410 50%, #966C0B 100%) !important;
}

.accordion-item .accordion-button [aria-expanded="false"] {
    border: none;
    border-radius:  15px 15px 0px 0px !important;
}
.accordion-button:not(.collapsed){
    background:var(--color-1);
    color:#fff;
}

.accordion-body {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
}

.faq-right .accordion-button::after {
    background-image: none !important;
    background-color: var(--color-1);
    padding: 5px;
    height: 30px;
    width: 30px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f107";
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 5px;
}

@media(max-width:991.98px){
    .faq-inner .row {
    row-gap: 20px;
}
}

@media(max-width:767.98px){
    .faq {
    padding: 40px 0;
    background: #fff;
}
.faq-card {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
}