
/* FAQ */
.section-faq{
    background-color: #fff;
}
.section-faq .container h1, .section-faq .container h2{
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
.section-faq .container h1{
    margin-bottom: 1rem;
    color: var(--primary-bg);
}
.section-faq .container h3{
    color: var(--primary-bg);
}
.section-faq .container .accordion-item {
    border: transparent;
    border-radius: 8px;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 16px;
}
.section-faq .container .accordion-header.collapse.show button {
    color: #0B0E21 !important; 
}
.section-faq .container .accordion-button:focus  {
    border: none !important;
    box-shadow: none !important;
}
.section-faq .container .accordion-header,
.section-faq .container .accordion-header button {
    background-color: #ffff;
    color: #0B0E21;
    border-radius: 8px;
    box-shadow: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px
}
.section-faq .container .accordion-header button .content {
    max-width: 279px;
}
.section-faq .container .accordion-button::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_3406_23008)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.9391 16.0604C11.2204 16.3413 11.6016 16.4991 11.9991 16.4991C12.3966 16.4991 12.7779 16.3413 13.0591 16.0604L18.7171 10.4044C18.9984 10.123 19.1563 9.74138 19.1562 9.34352C19.1562 8.94567 18.998 8.56414 18.7166 8.28288C18.4352 8.00162 18.0536 7.84366 17.6558 7.84375C17.2579 7.84384 16.8764 8.00198 16.5951 8.28338L11.9991 12.8794L7.40312 8.28338C7.12035 8.01 6.74152 7.85863 6.34822 7.86186C5.95492 7.86509 5.57862 8.02267 5.30038 8.30065C5.02213 8.57863 4.8642 8.95478 4.8606 9.34807C4.857 9.74137 5.00802 10.1203 5.28112 10.4034L10.9381 16.0614L10.9391 16.0604Z" fill="black"/></g><defs><clipPath id="clip0_3406_23008"><rect width="24" height="24" fill="white" transform="matrix(1 0 0 -1 0 24)"/></clipPath></defs></svg>');
}
.section-faq .container .accordion-body .content {
    padding: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    margin-bottom: 8px;
    border-radius: 8px;
    color: #0B0E21;
    background-color: #F5F5F5;
}
.section-faq .container .accordion-body .content p {
    margin-bottom: 0;
}
.section-faq .container .max-width{
    max-width: 733px;
}
.section-faq .medium-4{
    text-align: center;
}
.section-faq .row{
    display: flex;
}

@media screen and (min-width: 768px){
    .section-faq .container .accordion-header button .content {
        max-width: unset;
    }
}

@media screen and (max-width: 550px){
    .section-faq .row{
        flex-direction: column;
    }
    .section-faq .row .medium-8{
        padding-bottom: 0px;
    }
    .section-faq .container .max-width{
        max-width: 100%;
    }
   .section-faq .container h3{
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }

    .section-faq .container p{
        line-height: 21px;
    }
}

@media screen and (max-width: 355px){
    .section-faq .medium-4 .note{
        font-size: 12px;
    }
}
