`   1Q22.bizzbuzz-faqs {

    max-width: 800px;

    margin: 0 auto;


    font-family: Arial, sans-serif;

}

.bizzbuzz-faqs h2.text-center {

    font-size: 40px;

    text-align: center;

    margin-bottom: 40px;

}

.faq-category-title {

    font-size: 28px;

    font-weight: bold;

    margin-top: 40px;

    margin-bottom: 20px;

}

.faq-accordion-item {

    border-bottom: 0px solid #ccc;

    margin-bottom: 15px;

    overflow: hidden;

}

.faq-question {

    cursor: pointer;

    padding: 15px 20px;

    background: #ffffff;

    font-weight: bold;

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.faq-icon {

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    content: "\f078";

    transition: transform 0.3s ease;

    font-size: 16px;

}

.faq-question.active .faq-icon {

    transform: rotate(-180deg);

}

.faq-answer {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.4s ease, padding 0.3s ease;

    background: #fff;

    padding: 0 20px;

}

.faq-answer.open {

    padding: 15px 20px;

    max-height: max-content !important;

}



.bizzbuzz-faq-banner h3{

    font-weight: bold;
    color: #fff;
    font-size: 40px !important;

}

.bizzbuzz-faqs-main {

    background: #F5F7F9;

}



.bizzbuzz-faq-banner {

    padding: 130px 0 140px;

    color: #fff;

    text-align: center;

    font-weight: bold;

    background-size: cover;

}

.bizzbuzz-faqs h2 {

    font-size: 40px !important;

    margin-bottom: 40px !important;

        font-weight: bold;

}

.bizzbuzz-faqs h3.faq-category-title{

    font-size: 30px !important;

    margin-bottom: 20px !important;

}



.faq-answer.open p {

    text-align: justify;

    line-height: 1.5em !important;

}

.bizzbuzz-faqs-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /* border: 1px solid #ddd; */
    border-radius: 10px;
    padding: 40px 20px;
    flex-direction: row-reverse;
    max-width: 1200px;
    margin: 0 auto;
}
/* Left (FAQs) */
.bizzbuzz-faqs-left {
    flex: 1 1 65%;
}

/* Right (Categories) */
.bizzbuzz-faqs-right {
    flex: 1 1 30%;
    border-right: 1px solid #eee;
    padding-right: 20px;
}

.bizzbuzz-faqs h3.faq-section-title {
    font-size: 22px;
    margin-bottom: 15px;
    color: #333;
}

.bizzbuzz-faq-category h4.faq-category-title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #444;
    font-size: 40px !important;
    margin-bottom: 40px !important;
    font-weight: bold;
}

.faq-category-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.faq-category-list li {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.faq-category-list li .faq-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.faq-category-list li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: color 0.3s ease;
}

.faq-category-list li a:hover {
    color: #000000;
}
ul.faq-category-list {
    background: #fff;
    padding: 20px 15px;
}
button#load-more-faqs {
    text-align: center;
    display: block;
    margin: 20px auto;
    background: #000;
    color: #fff;
    border: none;
}

/* Responsive for mobile */
@media screen and (max-width: 768px) {
    
.bizzbuzz-faqs-wrapper {
        flex-direction: column-reverse;
          
    }
    .bizzbuzz-faqs-right {
        border-left: none;
        padding-left: 0;
        margin-top: 20px;
        padding-right: 0px;
    }
    

    .bizzbuzz-faq-banner {

        padding: 70px 0 70px;

        color: #fff;

        text-align: center;

        font-weight: bold;

        background-size: cover;

    }
}

.desktop-only {
    display: none;
}
.mobile-only {
    display: none;
}



/* Show desktop version for screen width 768px and above */
@media screen and (min-width: 768px) {
    .desktop-only {
        display: block;
    }
    .mobile-only {
        display: none;
    }
}

/* Show mobile version for screen width below 768px */
@media screen and (max-width: 767px) {
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }

    .bizzbuzz-faq-category h4.faq-category-title, .bizzbuzz-faqs h3.faq-category-title {
        color: #000000 !important;
        font-size: 30px !important;
        margin-bottom: 20px !important;
        font-weight: 700;
        line-height: normal;
            margin-top: 0px;
    }
    h2.text-center.mobile-only {
    font-size: 30px;
    text-align: center;
    line-height: normal;
    color: #000;
}
button#load-more-faqs {
    padding: 10px 20px;
    font-size: 18px;
}

}