.faq{

  width: 100%;

}



.faq .container{

  max-width: var(--container);

  width: 100%;

  margin: 4rem auto 20rem;

}



.faq.tour .container{

  max-width: var(--container);

  width: 100%;

  margin: 0 auto 3rem;

}

/*

.faq .a11yAccordion{

  width: 70%;

}



.faq.tour .a11yAccordion{

  width: 100%;

}



.faq .a11yAccordion .a11yAccordionSearchDiv{

  text-align: left;

}



.faq .a11yAccordion .a11yAccordionSearchDiv .a11yAccordionSearch{

  border: none;

  border-radius: 0;

  background-color: var(--opa-bege-claro);

  height: 4.688rem;

  line-height: 4.688rem;

  max-width: 35rem;

  width: 100%;



  font-family: var(--font-family-soleil);

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.01em;

  color: var(--opa-cinza-escuro);

}



.faq .a11yAccordion .a11yAccordionSearchDiv .a11yAccordionSearch{

  background-image: url(/wp-content/themes/labbotheme/assets/svg/faq-search.svg);

  background-size: 1.5rem;

  background-position: 97% 50%;

  margin-bottom: 2rem;

}



.faq .a11yAccordion .a11yAccordionItem, 

.faq .a11yAccordion .a11yAccordionNoResultsItem{

  border-color: transparent;

  border-bottom: 1px solid var(--opa-cinza-neutro);

  border-radius: 0;

}



.faq .a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader, 

.faq .a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader {

  display: flex;

  flex-direction: row-reverse;

  justify-content: flex-end;

  align-items: center;

  border: none;

  border-radius: 0px;

  padding: 1rem 0 2rem;

  background-color: transparent;

  overflow: hidden;

}



.faq .a11yAccordion .a11yAccordionItem .a11yAccordionHideArea, 

.faq .a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionHideArea{

  border-top: none;

}



.faq .a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink, 

.faq .a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink{

  float: left;

  margin-right: 1rem;

}



.faq .a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordionItemHeaderLinkShowLabel, 

.faq .a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordionItemHeaderLinkShowLabel,

.faq .a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordionItemHeaderLinkHideLabel, 

.faq .a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordionItemHeaderLinkHideLabel{

  display: none !important;

}



.faq .a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordion-triangle, 

.faq .a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordion-triangle{

  border: none !important;

  width: 2rem;

  height: 2rem;

  background-image: url(/wp-content/themes/labbotheme/assets/svg/faq-plus.svg);

  background-repeat: no-repeat;

  background-position: center;

}



.faq .a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordion-triangle.toggle, 

.faq .a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordion-triangle.toggle{

  width: 2rem;

  height: 2rem;

  background-image: url(/wp-content/themes/labbotheme/assets/svg/faq-minus.svg);

  background-repeat: no-repeat;

  background-position: center;

}



.faq .a11yAccordion .a11yAccordionItem .a11yAccordionHideArea.visiblea11yAccordionItem, 

.faq .a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionHideArea.visiblea11yAccordionItem{

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font-family: var(--font-family-soleil);

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.01em;

  color: var(--opa-cinza-escuro);

  padding: 0 0 2rem 3.5rem;

  margin-top: -1.5rem;

}



.faq .a11yAccordion .a11yAccordionItemHeaderText{

  font-family: var(--font-family-soleil-bold);

  font-size: 1.25rem;

  line-height: 1.375rem;

  letter-spacing: -0.01em;

  color: var(--opa-vermelho);

}

/* 

.faq .a11yAccordion .a11yAccordionSearchDiv .a11yAccordionSearch{

  opacity:0; 

  display:none;

} */



@media screen and (max-width: 991px) {

  /* .faq .a11yAccordion{

    width: 100%;

  } */

}



.searchbar {

  width: 50%;

  max-width: 848px;

  position: relative;

  margin-bottom: 5rem;

}



.searchbar input {

  width: 100%;

  border: 1px solid var(--opa-marrom-claro);

  height: 70px;

  background: var(--opa-bege-claro);

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 22px;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  padding-left: 30px;

  display: flex;

  align-items: center;

}

.searchbar button {

  position: absolute;

  right: 23px;

  top: 50%;

  transform: translateY(-50%);

  background: none;

  border: none;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1;

  cursor: pointer;

  border-radius: 50%;

  width: 50px;

  height: 50px;

}

.searchbar button:hover {

  background: var(--opa-vermelho);

  transition: var(--transition);

}

.searchbar button:hover img{

  filter: var(--invert);

}



.faq .questions {

  display: flex;

  flex-direction: column;

  width: 70%;

}

.faq .item {

  width: 100%;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  margin-top: 37px;

  border-bottom: 1px solid rgba(196, 196, 196, 0.5);

  padding-bottom: 39px;

}

.faq .item:first-of-type {

  margin-top: 0;

}

.faq .item .top {

  display: flex;

  position: relative;

  cursor: pointer;

}

.faq .item .top i {

  width: 32px;

  height: 32px;

  margin-right: 40px;

  pointer-events: none;

  position: relative;

}

.faq .item .top i::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  background: url('/wp-content/themes/labbotheme/assets/svg/mais-icon.svg');

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  width: 32px;

  height: 32px;

}

.faq .item.open .top i::before {

  width: 32px;

  height: 2px;

  background: url('/wp-content/themes/labbotheme/assets/svg/menos-icon.svg');

  top: 50%;

  transform: translateY(-50%);

}

.faq .item .top h4 {

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 700;

  font-size: 20px;

  line-height: 22px;

  letter-spacing: -0.01em;

  color: var(--opa-vermelho);

  pointer-events: none;

  transition: var(--transition);

}

.faq.item .top:hover h4,

.faq .item.open .top h4{

  color: var(--opa-marrom-claro);

  transition: var(--transition);

}

.faq .item .bottom {

  max-height: 100%;

  opacity: 1;

  padding: 10px 10px 10px 0px;

  display: none;

}

.faq .item .bottom p{

  font-family: var(--font-family-soleil);

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.01em;

  color: var(--opa-cinza-escuro);

  padding-left: 4.5rem;

}

.faq .item .bottom a {

  font-weight: bold;

  color: var(--opa-mine-shaft);

}

.faq .not-found-faq {

  background-color: var(--opa-marrom-escuro);

  padding: 2rem;

  color: var(--opa-branco);

  text-align: center;

  margin-bottom: 2rem;

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.5rem;

  letter-spacing: -0.02em;

  display: none;

  width: 70%;

}





.faq .loading-faq {

  background-color: var(--opa-bege-claro);

  padding: 2rem;

  text-align: center;

  margin-bottom: 2rem;

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.5rem;

  letter-spacing: -0.02em;

  display: none;

  width: 70%;

}



@media(max-width: 992px){

  .faq .questions{

      margin-top: 45px;

  }

  .faq h3 {

      font-size: 30px;

      line-height: 42px;

  }

  .faq h3 br{

      display: none;

  }

  .faq .item .top h4{

      font-size: 18px;

      line-height: 20px

  }



  .faq .container{

    margin: 4rem 1.2rem 20rem;

  }

  .faq .questions,

  .searchbar{

    width: 93%;

  }

}