FAQ
.gt_section-<%=id%> {
display: block;
position: relative;
<% if (backgroundBanner == "color") { %>
background-color: <%=backgroundColor%>;
<% } %>
}
.gt_section-<%=id%> .gt_banner-bg {
<% if (backgroundBanner == "image") { %>
width: 100%;
height: 100%;
top: 0;
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: <%=backgroundPosition%>;
<% } %>
}
.gt_section-<%=id%> .gt_banner-bg .gt_overlay {
<% if (backgroundBanner == "image") { %>
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: <%=overlayColorBackground%>;
<% } %>
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title {
cursor: pointer;
border-left: 2px solid transparent;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title .gt_title-item {
flex: 1;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title:hover, .gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title.gt_active-nav, .gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title.gt_after-search {
color: <%=themeBrandColor%>;
border-left: 2px solid <%=themeBrandColor%>;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title.gt_active-nav .gt_title-item, .gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title.gt_after-search .gt_title-item, .gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title.gt_active-nav:hover .gt_title-item, .gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title.gt_after-search:hover .gt_title-item {
font-weight: 700;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title:hover .gt_title-item {
font-weight: 400;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title .gt_box__item--title.gt_no-result {
display: none !important;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title.gt_disable-all .gt_box__item--title {
pointer-events: none;
color: #d6dae0;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title.gt_disable-all .gt_box__item--title.gt_active-nav {
border-left: 2px solid transparent;
color: #d6dae0;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title.gt_disable-all .gt_box__item--title.gt_active-nav .gt_title-item {
font-weight: 400;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-title.gt_disable-all .gt_box__item--title.gt_no-result {
display: flex !important;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content {
display: none !important;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content.gt_active-content, .gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content.gt_after-search {
display: flex !important;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list {
width: 100%;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--item {
border-bottom: 2px solid #f1f3f4;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--item.gt_hide-result {
display: none !important;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--item .gt_txt-highlight {
font-weight: 700;
}
@media (min-width: 992px) {
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--question {
cursor: pointer;
}
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--question .gt_faq--title {
flex: 1;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--question .gt_icon--close {
display: none;
color: #b4b4b4;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--question.gt_active .gt_icon--open {
display: none;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--question.gt_active .gt_icon--close {
display: block;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--answers {
display: none !important;
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--answers.gt_active-ans {
display: block !important;
}
@media (min-width: 992px) {
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--answers .gt_answer-content {
padding-right: 101px;
}
}
.gt_section-<%=id%> .gt_box-faq .gt_tab-content .gt_box__item--content .gt_faq--list .gt_faq--answers .gt_answer-content ul {
list-style: disc;
padding-left: 30px;
}
.gt_section-<%=id%> .gt_box-faq .gt_box-search .gt_input-txt {
padding-left: 50px;
height: 61px;
line-height: 61px;
}
.gt_section-<%=id%> .gt_box-faq .gt_box-search .gt_input-txt::placeholder {
font-weight: 400;
}
.gt_section-<%=id%> .gt_box-faq .gt_box-search .gt_absolute-wrap {
top: 50%;
transform: translate(21px, -50%);
}
.gt_section-<%=id%> .gt_box-faq .gt_box-search .gt_absolute-wrap .gt_icon-search {
color: #b4b4b4;
}
.gt_section-<%=id%> .gt_box-faq .gt_result-failed {
border-bottom: 1px solid #e0e0e0;
}
.gt_section-<%=id%> .gt_box-faq .gt_result-failed.gt_hidden-failed {
display: none !important;
<% if (previewSearchFailedOnOff) { %>
display: flex !important;
<% } %>
}
.gt_section-<%=id%> .gt_box-faq .gt_result-failed .gt_heading-failed {
flex: inherit;
}
