/**
 * Mavenbird Technologies Private Limited
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://mavenbird.com/Mavenbird-Module-License.txt
 *
 * =================================================================
 *
 * @category   Mavenbird
 * @package    Mavenbird_Faqs
 * @author     Mavenbird Team
 * @copyright  Copyright (c) 2018-2024 Mavenbird Technologies Private Limited ( http://mavenbird.com )
 * @license    http://mavenbird.com/Mavenbird-Module-License.txt
 */

/** search css */
.mbfaqs-search__field {
    width: 65%;
    margin: auto;
    position: relative;
}

.mbfaqs-search__field i {
    position: absolute;
    font-size: 25px;
    top: 11%;
    left: 2%;
}

.mbfaqs-search__action {
    position: absolute;
    top: 0;
    right: 2px;
}

.mbfaqs-search__action .btn {
    height: 50.5px !important;
    line-height: 48px !important;
    font-weight: 600;
}

#mbfaqs-search__field__searchbox {
    padding: 8px 75px 8px 20px;
    border-radius: 50px;
    border: 1px solid #ccc;
    height: auto;
    margin: 0 0 10px 0;
    display: block;
    box-sizing: border-box;
    box-shadow: none !important;
    height: 50px;
}

#mbfaqs-search__field__searchbox:focus {
    box-shadow: none !important;
}

@media (max-width: 480px) {
    .mbfaqs-search__action .btn {
        padding: 0;
    }
}

.mbfaqs-suggestion-content i {
    padding: 7px;
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
}

.mbfaqs-suggestion {
    cursor: pointer;
}

/** article materialize view css*/
.mbfaqs-container .section {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.mbfaqs-container__content {
    /*padding-right: 25px;
    padding-left: 25px;*/
    margin-bottom: 30px;
}

.mbfaqs-container__content__header {
    margin-bottom: 30px;
    padding: 10px 10px 10px 0;
    width: 100%;
    border-bottom: solid 1px #ddd;
}

.mbfaqs-container__content__header .article-icon {
    float: left;
    padding: 10px 10px 0 5px;
}

.mbfaqs-container__content__header .faqs-loader {
    position: absolute;
    width: 20px;
    top: 0;
    right: 0;
}

.mbfaqs-container__content__header .like-count {
    position: relative;
}
.mbfaqs-container__content__header__information h3 {
    margin: 0 !important;
}

.mbfaqs-container__content__header__information .header-description {
    margin-top: 8px;
}

.mbfaqs-container__content__header__information span {
    padding-right: 15px;
}

.addthis_inline_share_toolbox a {
    padding: 10px !important;
    margin: 0 7px !important;
    background-color: transparent !important;
    border: solid 1px #bdbdbd !important;
}
.mbfaqs-container__additional-info__social {
    padding-top: 30px;
    padding-bottom: 20px;
}

.mbfaqs-container__additional-info__rating {
    padding-top: 10px;
}

#rating-label {
    margin-bottom: 60px;
}

#rating-actions {
    margin-top: 30px;
}

#rating-actions a {
    width: 85%;
}

#rating-actions .in-active {
    background-color: #eeeeee;
    color: inherit;
}

/** article index materialize css*/
.mbfaqs-list .collapsible {
    border: none !important;
    box-shadow: none !important;
}


#mbfaqs-list-container {
    position: relative;
    word-break: break-all;
}

#mbfaqs-list-container .section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    background: transparent !important;    
}

.mbfaqs-list__block {
    margin-bottom: 15px;
    margin-left: 0 !important;
}

.mbfaqs-list__block__category {
    margin-bottom: 15px;
}

.mbfaqs-list__block__category span {
    font-size: 1rem;
}

.mbfaqs-list__block__question li.mbfaqs-item {
    margin-bottom: 0;
}

.view-all-faq {
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.mbfaqs-list__block__question .collapsible-header a {
    color: inherit;
}

.mbfaqs-list__block__question .collapsible-header i {
    color: #ccc;
}

.mbfaqs-list__block__question .collapsible-body {
    display: none;
}

.ln_overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
    display: none;
}

.loader img {
    top: 40%;
    left: 45%;
    display: block;
    position: fixed;
}

.ln_slider_container {
    width: calc(100% - 20px);
    margin: 0 15px 0 5px;
}

/** mbfaqs product tab materialize css */
#mbfaqs-tab-list-container h3 {
    font-weight: 300;
    font-size: 2.6rem;
}

#mbfaqs-tab-list-container .section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
}

.mbfaqs-tab-list .collapsible {
    border: none !important;
    box-shadow: none !important;
}

.mbfaqs-tab-list__block__question li.mbfaqs-item {
    display: none;
    margin-bottom: 0;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.mbfaqs-tab-list__block__question .collapsible-header a {
    color: inherit;
}

.mbfaqs-tab-list__block__question .collapsible-header i {
    color: #ccc;
}

.mbfaqs-tab-list__block__question_author i {
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
}

.mbfaqs-tab-form {
    display: none;
}

.view-tab-all-faq {
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.view-tab-all-faq a {
    cursor: pointer;
    color: inherit !important;
}

/** question form css */
.mbfaqs-form-title {
  padding: 0px 0 10px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
}

.mbfaqs-form-title span {
    font-size: 21px;
    font-weight: 500;
}

.mbfaqs-form-fieldset input {
    height: 3.8rem !important;
}

.mbfaqs-form-fieldset label, .mbfaqs-form-fieldset span {
    font-size: 1.3rem !important;
}

#mbfaqs-form-actions {
    padding-top: 30px;
}
.mbfaqs-search .mbfaqs-search__title { margin-bottom: 50px; }

@media (max-width: 480px) {
    .mbfaqs-form-fieldset label, .mbfaqs-form-fieldset span {
        font-size: 1.1rem !important;
    }
}

.mbfaqs-form-fieldset textarea {
    height: 46px !important;
}

#mbfaqs-question-form .faqs-loader {
    width: 35px;
    display: none;
    position: absolute;
}

@media (max-width: 394px) {
    #mbfaqs-question-form .faqs-loader {
        position: relative;
    }
}

.white-popup {
    position: relative;
    background: #FFF;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
}

#term-popup {
    padding: 30px 30px 75px 40px;
}

#term-popup a {
    cursor: pointer;
    float: right;
    margin-top: 15px;
}

.term-popup__term-content {
    max-height: 600px;
    overflow-x: auto;
}

.term-popup__term-title {
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
}

.term-popup__term-title h2 {
    margin: 0;
    font-weight: 600;
}

/** article widget css */
.mbfaqs-widget-list .collapsible {
    border: none !important;
    box-shadow: none !important;
}

#mbfaqs-widget-list-container {
    position: relative;
}

#mbfaqs-widget-list-container .section {
    width: 100%;
    margin-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
}

.mbfaqs-widget-list__block {
    margin-bottom: 15px;
    margin-left: 0 !important;
}

.mbfaqs-widget-list__block__category {
    padding: 5px;
    margin-bottom: 15px;
}

.mbfaqs-widget-list__block__category span {
    font-size: 1.4rem;
}

.mbfaqs-widget-list__block__question li.mbfaqs-widget-item {
    display: none;
    margin-bottom: 0;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.view-widget-all-faq {
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.mbfaqs-widget-list__block__question .collapsible-header a {
    color: inherit;
}

.mbfaqs-widget-list__block__question .collapsible-header i {
    color: #ccc;
}

.mbfaqs-widget-list__block__question .collapsible-body {
    display: none;
}

.mbfaqs-section_related_articles {
    height: 400px;
    overflow: auto;
}

#mbfaqs-tab-list-container, #mbfaqs-question-form, #term-popup {
    word-break: break-all;
}

.mp-input-field {
    margin-top: 1rem;
}

#mbfaqs-question-form { float: none; }
.mbfaqs-list__block { width: 100%; }
.faqs-category-list { width: 30%; background: #f5f5f5; padding: 18px 20px; border-radius: 10px; }
.faqs-category-list ul { margin-bottom: 24px; }
.faqs-question-list { width: 70%; padding-left: 50px;}
.mbfaqs-list__block__question li.mbfaqs-item { list-style: none; border-bottom: 1px solid #ddd;  padding: 20px 0; }
.mbfaqs-list__block__question li.mbfaqs-item p:empty { margin: 0;}
.mbfaqs-list__block__question .collapsible-header i { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.mbfaqs-list__block__question .collapsible-header i:before { content: "\f078"; color: #333; font-weight: 900; transition-duration: .3s; display: block; }
.mbfaqs-list__block__question .collapsible-header.active i:before { /*content: "\f077"; */ transform: rotate(180deg);}
.mbfaqs-list__block__question li .collapsible-header { color: #333; font-weight: 500; font-size: 17px; position: relative; }
.mbfaqs .faqs-category-list h4 { font-size: 18px; }
.mbfaqs .faqs-question-list .collapsible-body p { color: #333; }
.mbfaqs .faqs-question-list .collapsible-body { padding: 5px 15px 15px; background: transparent; color: #333; }
.faqs-question-list .mbfaqs-list__block__question .collapsible-body a { color: #37ae52; }
.faqs-category-question { display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; }
.faqs-category-list li { list-style: none; font-size: 16px; position: relative; padding-left: 14px; margin-bottom: 12px; }
.faqs-category-list li:before { content: ""; width: 5px; height: 5px; border-radius: 100%; background: #B3B3B3; position: absolute; left: 0; top: 9px; }
.faqs-category-list li.active a:before { content: ""; left: -20px; position: absolute; top: 0; bottom: 0; width: 3px; height: 100%; background-color: #37ae52; }
.faqs-category-list li:hover:before { background: #37ae52; }
.faqs-category-list li a:hover { color: #37ae52; }
.faqs-category-list li.active a { color: #37ae52; }
.faqs-category-list li.active:before { display: none; }
.faqs-category-list li a { color: #333; }
.faqs-category-list .block-title { font-size: 20px; font-weight: 700; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 14px; }
.mbfaqs-article-view .page-wrapper,
.mbfaqs-category-view .page-wrapper,
.mbfaqs-article-index .page-wrapper { background: #fff; }
.mbfaqs .mbfaqs-list__block__category a:hover { color: #333 !important; }
.faqs-question-list .mbfaqs-list__block { padding-bottom: 40px; }
.mbfaqs .faqs-question-list .collapsible-body p { font-size: 16px; }
.mbfaqs .mbfaqs-search__field .btn { background: transparent; color: #333; box-shadow: none; padding: 0 14px; }
.mbfaqs .mbfaqs-search__action .btn:hover { background: transparent; color: #333; box-shadow: none; }
.mbfaqs .mbfaqs-search__action .btn i { font-size: 21px; position: static; }
body[class^="mbfaqs-"] .autocomplete-suggestions { box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.2); border-radius: 0 0 20px 20px; }
.mbfaqs-view .mbfaqs-form.mbfaqs .card-panel { background: #f5f5f5; border-radius: 10px; margin-top: 0; }
.mbfaqs-search.mbfaqs { margin-bottom: 32px; padding-bottom: 4px; }
.mbfaqs-view .faqs-question-list .mbfaqs-container__additional-info__rating { width: 100%; }

.faqs-question-list .back-link a,
.faqs-question-list .back-button a { display: flex; align-items: center; gap: 10px; color: #37ae52; margin-bottom: 10px; }
.faqs-question-list .back-link a svg,
.faqs-question-list .back-button a svg { stroke:#37ae52; }
.faqs-question-list .back-button { padding-bottom: 10px; }

.mbfaqs .mbfaqs-form-fieldset .waves-effect { background: #333 !important; box-shadow: none; padding: 5px 30px; border-radius: 5px; height: auto; 
line-height: 36px; color: #fff;}

.ask-question-toggle { display: flex; align-items: center; flex-wrap: wrap; column-gap: 40px; row-gap: 10px; font-size: 18px; margin-bottom: 20px;
text-align: left;    }
.mbfaqs .ask-question-form { display: none; }
#mbfaqs-search__action__clear { padding: 0; min-width: 20px; }
.faqs-question-list ul.mbfaqs-list__block__question { border-bottom: 2px solid #ddd !important; }
.mbfaqs-search .input-wrapper { width: 100%; }
#mbfaqs-search__action__clear { position: absolute; right: 52px; top: 50%; transform: translateY(-50%); display: none; 
background: transparent; box-shadow: none;}
.mbfaqs-search .btn i.fa-times { font-size: 21px; line-height: 1.3; }
.ask-question-form div.mage-error { text-align: left; margin-top: 0; }

.mbfaqs-category-view .faqs-category-list ul,
.mbfaqs-article-view .faqs-category-list ul { max-height: 600px; overflow: auto; margin-left: -20px; }
.mbfaqs-category-view .faqs-category-list ul li,
.mbfaqs-article-view .faqs-category-list ul li { margin-left: 20px; }
.mbfaqs #mbfaqs-form-actions .input-field { text-align: center; }

/***** responsive ******/

@media(min-width: 1024px) and (max-width:1279px) {
 .mbfaqs-list__block__question li .collapsible-header { font-size: 15px; }
 .faqs-question-list { padding-left: 30px; }
 .faqs-category-list li { font-size: 15px; }
 .mbfaqs .faqs-question-list .collapsible-body p { font-size: 15px; }
}
@media(min-width:1024px) {
.faqs-category-list .block-title { pointer-events:none; }
}
@media(max-width:1023px) {
/* faq sidebar */
.faqs-category-list .block-title { display: flex;
  padding: 12px 35px 12px 48px; border-radius: 6px; box-shadow: 0 .188rem .625rem rgba(0,0,0,.05);
  background-color: #fff; gap: 10px; width: 100%; cursor: pointer; margin: 0; position: relative; }
.faqs-category-list .block-title:before { content: "\e91a"; font-family: 'icomoon'; position: absolute;
  left: 18px; line-height: 1; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(--dark-green-color); }
.faqs-category-list .block-title:after { content: "\e913"; font-family: 'icomoon'; position: absolute;
  right: 18px; line-height: 1; top: 50%; transform: translateY(-50%); font-size: 14px; }

.faqs-category-list { position: relative; width: 100%; max-width: 100%; margin-bottom: 25px; }
.faqs-category-list ul { border:0;
  position:absolute; z-index:99; box-shadow:0 .625rem 1.875rem 0 rgba(0,0,0,.1);
  background-color:#fff; left:0; right:0; width:100%; display:none; max-height:337px;
  overflow:auto; top:100%; }
.faqs-category-list.active .industry-dropdown-filter { display: block; }
.faqs-category-list ul li { padding: 0; margin: 0; border-bottom: 1px solid #ddd; }
.faqs-category-list ul li a { padding: 10px 20px 10px 30px; display: block;   
width: 100%; text-align: left; line-height: 1.5; }
.faqs-category-list ul li.filter-work-title { display: none; }
.faqs-category-list li::before { left: 16px; top: 19px; }
.faqs-category-list li.active a::before { left: 0; }
.faqs-question-list { width: 100%; padding-left: 0; }

.mbfaqs-category-view .faqs-category-list ul, 
.mbfaqs-article-view .faqs-category-list ul { margin-left: 0px; }
.mbfaqs-category-view .faqs-category-list ul li, 
.mbfaqs-article-view .faqs-category-list ul li { margin-left: 0; }

/* faq sidebar end */

.mbfaqs-list__block__question li .collapsible-header { font-size: 15px; }
.faqs-category-list li { font-size: 15px; }
.mbfaqs .faqs-question-list .collapsible-body p { font-size: 15px; }
.mbfaqs-container__content { padding-right: 0; padding-left: 0; } 

}
@media(max-width:768px) {
 .mbfaqs-list__block__question li.mbfaqs-item { padding: 12px 0; }
}
@media(max-width:639px) {
  .mbfaqs-search__field { width: 100%; }  
  .mbfaqs-search .mbfaqs-search__title { margin-bottom: 30px; }  

 .mbfaqs-list__block__question li .collapsible-header { font-size: 14px; }
 .faqs-category-list li { font-size: 14px; }
 .mbfaqs .faqs-question-list .collapsible-body p { font-size: 14px; }

}
@media(max-width:480px) {
 .mbfaqs-search__field i { display: block; }
 .mbfaqs-search__action .btn { width: auto; }
}

