body,
html {
  margin: 0;
  padding: 0;
  border: 0;
}


#faqAccordionContainer {
margin-top: 5px !important;
}

.search-container {
  position: relative !important;
  z-index: 1;
}

.faq-container .container {
  position: relative !important;
}
 
.popularKeywords {
  width: -webkit-fill-available;
  height: auto;
  gap: 16px;
  border-radius: 8px;
  padding-top: 24px;
  padding-right: 20px;
  padding-bottom: 14px;
  padding-left: 20px;
  /* top: 1037px; */
  /* left: 5700px; */
  border-width: 1px;
  box-shadow: 0px 16px 40px 0px #1018281F;
  border: 1px solid var(--gray-stroke, #DFE0EB);
  background: #FFFFFF;
  margin-left: 14px;
  margin-right: 14px;
  position: absolute;
  top: 10%;
  z-index: 100;
}

.search-input:focus {
	border: 1px solid var(--primary-stroke-weak, #CFB3FF) !important;
    box-shadow: 0 0 0 .25rem #CFB3FF !important;
}

.search-container .autocomplete{

}

/* .row {
  position: relative;
  z-index: 1; 
} */

.search-container .input-group-text {
  background-color: #FFFFFF;
  border-right: none
}

.accordion-button:not(.collapsed) {
	box-shadow: none !important;
        }


.search-container input {
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  padding: 16px 20px 16px 60px;
  border-radius: 8px;
  border: 1px solid var(--gray-stroke-strong, #CACAD9);
  background: transparent url("../../../../content/dam/thaiairways/images/icons/Search.png") no-repeat 13px;
  color: var(--gray-text-weak, #9596AC);
}

.faq-container .accordion-button.collapsed::after {
  background-image: url(../../../../content/dam/thaiairways/images/icons/accordion-down.png);
}

.faq-container .accordion-button:not(.collapsed)::after {
  background-image: url(../../../../content/dam/thaiairways/images/icons/accordion-up.png);
}

.faq-container .accordion-button, .faq-container .accordion-button:focus {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  background-color: #FFFFFF;
  color: var(--gray-text-strong, #2C3059);
  box-shadow: none;
}

.faq-container .accordion-button-level-one, .faq-container .accordion-button-level-one:focus {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  background-color: #FFFFFF;
  color: var(--gray-text-strong, #2C3059);
  box-shadow: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
}

.faq-container #faq-content-accordion .accordion-button:not(.collapsed), .faq-container #faq-content-accordion .accordion-collapse.show .accordion-body {
  background-color: var(--gray-surface-weak, #F9F9FC);
}

.faq-container .faq-links li a{
  font-family: Inter !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  background-color: #FFFFFF;
  color: var(--gray-text-strong, #2C3059) !important;
}

.faq-container .faq-links li a .clicked{
  background: var(--gray-surface-weak, #F9F9FC);
  font-family: InterBold;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  color: var(--gray-text-strong, #2C3059) !important;
}

.faq-container .faq-links .accordion-item, .faq-container .faq-links .accordion-item button{
  border: none;
  background-color: unset;
  box-shadow: none;
}

.faq-container .accordion-body {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  color: var(--gray-text, #6A6D87);
}

.tab-content {
  padding: 0px 150px 10px 140px;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  margin-bottom:5%;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}

.cms-accordion-section .accordion-head {
  color: var(--gray-text-strong, #2c3059);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25.6px;
  padding: 16px !important;
}

.cms-accordion-section .accordion .accordion-button:focus {
  color: #2c3059;
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.cms-accordion-section .accordion .accordion-button.collapsed::after {
  background-image: url("../../../../content/dam/thaiairways/images/icons/accordion-down.png");
}

.cms-accordion-section .accordion .accordion-button:not(.collapsed)::after {
  background-image: url("../../../../content/dam/thaiairways/images/icons/accordion-up.png");
  background-color: #f9f9fc;
}

.cms-accordion-section .accordion-flush
  > .accordion-item
  > .accordion-header
  .accordion-button.collapsed {
  color: #2c3059;
  border-bottom: 1px solid var(--gray-stroke-strong, #cacad9);
}

.cms-accordion-section .accordion .accordion-button:not(.collapsed) {
  background-color: #f9f9fc;
}

.cms-accordion-section .accordion .accordion-body {
  border-bottom: 1px solid var(--gray-stroke-strong, #cacad9);
  background: var(--gray-surface-weak, #f9f9fc);
  color: var(--gray-text, #6a6d87);
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: flex;
  flex-direction: column;
  padding: 0px 16px 0px 16px;
  gap: 24px;
}

@media (min-width: 340px) and (max-width: 763px) { 
  .tab-content {
    padding: 10px;
  }
}



@media (min-width: 768px) {
	.faq-content {
    min-width: 75% !important;
    }

    .clicked {
		background: var(--gray-surface-weak, #F9F9FC) !important;
    font-family: InterBold;
    }

 .search-container .input-group:focus {

            border: 10px solid var(--primary-stroke-weak, #CFB3FF);
}
}

@media (max-width: 768px) {
	.faq-content {
    min-width: 100% !important;
    }
}

.chatbot .dropdown-menu {
    transform: none !important;
}

.tab-content-faq {
  display: none;
}

.tab-content-faq.active {
  display: block;
}

.faqSearchItem{
  display: none;
}

/* code for search bar */

.autocomplete {
  position: relative;
  display: inline-block;
  width: 100%;
/* height: 68px; */
padding: 16px 0px;

}

.autocomplete-active {
  background: var(--gray-surface-weak, #F9F9FC);
  width: 100%;
  /* height: 68px;
  padding: 16px; */
  
}

.search-input{
  width: 100% !important;
}

.noMatch {
  width: 200px;
  height: 173px ;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}
 
.error-msg {
  font-family: "Inter";
  font-weight: 700;
  font-size: 18px;
  line-height: 28.8px;
  letter-spacing: 0px;
  text-align: center;  
  color: var(--gray-text-strong, #2C3059);
}
 
.result {
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 0%;
  text-align: center;
  color: var(--gray-text, #6A6D87);
}
/*
.autocomplete-items {
  max-width: 1312px;
  gap: 16px;
  border-radius: 8px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 24px;
  padding-left: 20px;
  top: 1037px;
  left: 5700px;
  border-width: 1px;
  box-shadow: 0px 16px 40px 0px #1018281F;
  border: 1px solid var(--gray-stroke, #DFE0EB);
  background: #FFFFFF;
  margin-top: 10px;
  // position: relative;
  // z-index: 999; 
}
*/
/*
.popularKeywords {
  max-width: 1312px;
  height: auto;
  gap: 16px;
  border-radius: 8px;
  padding-top: 24px;
  padding-right: 20px;
  padding-bottom: 14px;
  padding-left: 20px;
  top: 1037px;
  left: 5700px;
  border-width: 1px;
  box-shadow: 0px 16px 40px 0px #1018281F;
  border: 1px solid var(--gray-stroke, #DFE0EB);
  background: #FFFFFF;
  margin-left: 14px;
  margin-right: 14px;
}
*/
.popularKeywords-title {
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 0%;
  color: var(--gray-text-strong, #2C3059);
}

.popularKeywords-container {
  margin-top: 10px;
}

.keyword {
  width: auto;
  height: 50px;
  gap: 10px;
  border: none;
  border-radius: 100px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  background: var(--gray-surface, #F2F2FA);
  margin-bottom: 10px;
}

.autocomplete-items {
  max-width: 1312px;
  gap: 16px;
  border-radius: 8px !important;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 24px;
  padding-left: 20px;
  /* top: 1037px; */
  /* left: 5700px; */
  border-width: 1px;
  box-shadow: 0px 16px 40px 0px #1018281F;
  border: 1px solid var(--gray-stroke, #DFE0EB);
  background: #FFFFFF;
  /* margin-top: 10px; */
  /* position: relative;
  z-index: 999; */
  position: absolute;
  top: 100%;
  z-index: 100;
  width: 100%;
}

p {
     margin-bottom: 10px !important; 
}