.g6-faq-component{max-width:1220px;width:100%;margin:auto;text-align:center}
@media(max-width:767px){.g6-faq-component{width:calc(100vw - 40px)}
}
.g6-faq-component .g6-title-md{margin-bottom:32px}
@media(max-width:1220px){.g6-faq-component .g6-title-md{margin-bottom:20px}
}
@media(max-width:767px){.g6-faq-component .g6-title-md{margin-bottom:10px}
}
.g6-faq-component .link{display:block;margin-bottom:40px;cursor:pointer}
.g6-faq-component .list{text-align:start}
.g6-faq-component .list li .faq-title-container{cursor:pointer;margin:-1px 0 0;border-top:1px solid #ccc;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:0 20px}
.g6-faq-component .list li .faq-title-container .faq-title{font-family:'Poppins';font-weight:600;font-size:16px;line-height:24px;text-transform:capitalize;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:767px){.g6-faq-component .list li .faq-title-container .faq-title{white-space:normal}
}
.g6-faq-component .list li .faq-title-container .toggle-button{align-self:flex-start;width:10px;height:24px;display:block;position:relative}
.g6-faq-component .list li .faq-title-container .toggle-button::after,.g6-faq-component .list li .faq-title-container .toggle-button::before{content:'';width:2px;height:10px;background-color:#000;position:absolute;display:block;top:0;bottom:0;left:0;right:0;margin:auto;transition:.3s}
.g6-faq-component .list li .faq-title-container .toggle-button::after{transform:rotate(90deg)}
.g6-faq-component .list li .faq-description-container{height:0;overflow:hidden;background-color:#fafafa;padding:0 20px;transition:.3s}
.g6-faq-component .list li .faq-description-container .faq-description{font-family:'Roboto';font-weight:400;font-size:16px;line-height:19px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}
@media(max-width:767px){.g6-faq-component .list li .faq-description-container .faq-description{-webkit-line-clamp:3}
}
.g6-faq-component .list li .faq-description-container .faq-description+.learn-more{margin-top:10px}
.g6-faq-component .list li .faq-description-container .learn-more{display:block;font-family:'Arial' !important;font-weight:400;font-size:14px;line-height:16px;letter-spacing:.04em;text-decoration-line:underline;color:#8668ff}
.g6-faq-component .list li .faq-description-container .learn-more.hide{display:none}
.g6-faq-component .list li:last-of-type .faq-title-container{border-bottom:1px solid #ccc}
.g6-faq-component .list li.open:last-of-type{border-bottom:1px solid #ccc}
.g6-faq-component .list li.open .faq-description-container{height:auto;padding:16px 20px}
.g6-faq-component .list li.open .faq-title-container{border-bottom:1px solid #ccc}
.g6-faq-component .list li.open .faq-title-container .toggle-button::before{transform:rotate(90deg)}
.g5-presale-faq .g6-faq-component{margin:160px auto}
@media(max-width:1220px){.g5-presale-faq .g6-faq-component{margin:120px auto}
}
@media(max-width:767px){.g5-presale-faq .g6-faq-component{margin:80px auto}
}
.g6-faq .g6-faq-wrap.darkMode{background-color:#000}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .g6-title-md{color:#fff}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .link{color:#b27aff !important}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .link::after{content:url("../../../../../etc/designs/g6/clientlib-site/img/g6/right-arrow-dark.svg")}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li .faq-title-container{border-top:1px solid #333}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li .faq-title-container .faq-title{color:#fff}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li .faq-title-container .toggle-button::after,.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li .faq-title-container .toggle-button::before{background-color:#fff}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li .faq-description-container{background-color:rgba(255,255,255,0.12)}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li .faq-description-container .faq-description{color:#fff}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li .faq-description-container .learn-more{color:#b27aff}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li:last-of-type .faq-title-container{border-bottom:1px solid #333}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li.open:last-of-type{border-bottom:1px solid #333}
.g6-faq .g6-faq-wrap.darkMode .g6-faq-component .list li.open .faq-title-container{border-bottom:1px solid #333}