html {
  min-height: 100%;
  height: auto;

  overflow-x: hidden;
  overflow-y: auto !important;

  scroll-behavior: auto !important;
}

body {
  min-height: 100%;
  height: auto;

  overflow-x: hidden;
  overflow-y: visible !important;

  scroll-behavior: auto !important;
}

/*********************faq****************/

.faq_1l1 ul {
  display: block;
}

.faq_1l1 ul li {
  display: block;
  width: 100%;
}

.faq_1l1 ul li a {
  display: block;
  width: 100%;

  color: #333;

  font-weight: bold;

  border: none !important;
}

.faq_1l1 ul li a:hover {
  color: #149253;
  background: #f3f8f5;

  border: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff !important;
  background: #149253;

  border: none;
}

/*
  Main FAQ section.
*/
#faq {
  position: relative;

  padding-bottom: 45px;

  background: #f4f6f5;

  overflow: visible;
}

#faq > .container-fluid {
  position: relative;

  overflow: visible;
}

/*
  Both FAQ columns use the same reading height.
*/
#faq .faq_1 {
  height: min(
    760px,
    calc(100vh - 120px)
  );

  min-height: 560px;

  align-items: stretch;

  overflow: visible;
}

#faq .faq_1 > [class*="col-"] {
  height: 100%;
  min-height: 0;
}

/*
  Sidebar scrolling is independent.

  It is no longer automatically scrolled after the
  middle FAQ content reaches its end.
*/
.faq_1l {
  height: 100%;
  min-height: 0;

  padding-right: 8px;

  overflow-x: hidden;
  overflow-y: auto;

  scroll-behavior: auto !important;
  overscroll-behavior-y: auto;

  scrollbar-width: thin;
  scrollbar-color: #149253 #eeeeee;
}

.faq_1l::-webkit-scrollbar {
  width: 7px;
}

.faq_1l::-webkit-scrollbar-track {
  background: #eeeeee;
}

.faq_1l::-webkit-scrollbar-thumb {
  background: #149253;
  border-radius: 20px;
}

.faq_1l::-webkit-scrollbar-thumb:hover {
  background: #0f7b45;
}

.faq_1l1 {
  position: relative;

  overflow: visible;
}

.faq_1l2 {
  position: relative;

  margin-bottom: 25px;

  overflow: visible;
}

/*
  Right FAQ reader.
*/
.faq_1r {
  position: relative;

  height: 100%;
  min-height: 0;

  overflow: hidden;
}

.faq_1r .tab-content {
  position: relative;

  height: 100%;
  min-height: 0;

  overflow: hidden;
}

.faq_1r .tab-pane {
  height: 100%;
  min-height: 0;

  overflow: hidden;
}

/*
  The middle FAQ content scrolls first.

  JavaScript transfers the remaining wheel movement
  directly to the full page after this content reaches
  its top or bottom.
*/
.faq_1ri {
  height: 100%;
  min-height: 0;

  padding-right: 28px !important;

  overflow-x: hidden;
  overflow-y: auto;

  scroll-behavior: auto !important;

  /*
    JavaScript handles the handoff to the page.
  */
  overscroll-behavior-y: auto;

  touch-action: pan-y;

  scrollbar-width: thin;
  scrollbar-color: #149253 #eeeeee;
}

.faq_1ri::-webkit-scrollbar {
  width: 8px;
}

.faq_1ri::-webkit-scrollbar-track {
  background: #eeeeee;
}

.faq_1ri::-webkit-scrollbar-thumb {
  background: #149253;
  border-radius: 20px;
}

.faq_1ri::-webkit-scrollbar-thumb:hover {
  background: #0f7b45;
}

/* FAQ content typography */

.faq_1ri h5 {
  margin-bottom: 15px;

  font-size: 22px;
  font-weight: 700;
}

.faq_1ri h6 {
  font-size: 16px;
  line-height: 1.5;
}

.faq_1ri p {
  margin-bottom: 18px;

  color: #222;

  font-size: 15px;
  line-height: 1.75;
}

/* Always First section */

.faq_1l2 h5 {
  margin-bottom: 10px;

  color: #111;

  font-size: 22px;
  font-weight: 700;
}

.faq_1l2 p {
  margin-bottom: 18px;

  color: #111;

  font-size: 15px;
  line-height: 1.55;
}

.faq_1l2 input {
  height: 52px;

  padding-left: 15px;

  border: 1px solid #ddd;
  box-shadow: none;

  font-size: 15px;
}

.faq_1l2 input:focus {
  border-color: #149253;
  box-shadow: none;
}

.faq_1l2 .button {
  display: inline-block;

  min-width: 160px;

  padding: 9px 30px !important;

  background: #149253;
  color: #fff;

  text-align: center;
}

.faq_1l2 .button:hover {
  background: #0f7b45;
  color: #fff;
}

/*********************faq_end****************/

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

  #faq {
    padding-bottom: 35px;
  }

  /*
    Use normal page flow on mobile devices.
  */
  #faq .faq_1 {
    height: auto;
    min-height: auto;
  }

  #faq .faq_1 > [class*="col-"] {
    height: auto;
  }

  .faq_1l {
    height: auto;

    padding-right: 0;

    overflow: visible;
  }

  .faq_1l1 {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .faq_1l1 ul {
    display: flex;

    gap: 8px;

    flex-wrap: nowrap;
  }

  .faq_1l1 ul li {
    width: auto;

    flex: 0 0 auto;
  }

  .faq_1l1 ul li a {
    padding: 10px 14px;

    white-space: nowrap;
  }

  .faq_1l2 {
    margin-bottom: 25px;

    text-align: center;
  }

  .faq_1l2 .text-end {
    text-align: center !important;
  }

  .faq_1l2 p {
    text-align: left;
  }

  .faq_1r {
    height: auto;

    margin-top: 15px;

    overflow: visible;
  }

  .faq_1r .tab-content,
  .faq_1r .tab-pane {
    height: auto;

    overflow: visible;
  }

  .faq_1ri {
    height: auto;

    padding-right: 18px !important;

    overflow: visible;
  }

  .faq_1r h5 {
    text-align: center;
  }
}

@media (
  min-width: 576px
) and (
  max-width: 767px
) {
}

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

  #faq .faq_1 {
    height: min(
      720px,
      calc(100vh - 110px)
    );

    min-height: 520px;
  }

  .faq_1l2 .button {
    min-width: 140px;

    padding: 10px 15px !important;
  }

  .faq_1ri {
    padding-right: 20px !important;
  }
}

@media (
  min-width: 992px
) and (
  max-width: 1200px
) {

  #faq .faq_1 {
    height: min(
      740px,
      calc(100vh - 115px)
    );

    min-height: 540px;
  }
}

@media (
  min-width: 1201px
) and (
  max-width: 1360px
) {

  #faq .faq_1 {
    height: min(
      760px,
      calc(100vh - 120px)
    );

    min-height: 560px;
  }
}
/* BOTAKE INFORMATION CONTENT */

.botake-info-section {
  margin-bottom: 24px;
}

.botake-info-section:last-child {
  margin-bottom: 0;
}

.botake-info-section h6 {
  color: #141414;
  line-height: 1.45;
}

.botake-info-section p {
  margin-bottom: 11px;
  color: #343a36;
  line-height: 1.75;
}

.botake-info-list {
  margin: 10px 0 0;
  padding-left: 22px;
}

.botake-info-list li {
  margin-bottom: 8px;
  color: #343a36;
  line-height: 1.65;
}

.botake-info-list li::marker {
  color: #149253;
}

#faqTabs .nav-link {
  font-weight: 600;
}