.faq-header .input-wrapper {
  position: relative;
  width: 100%;
  max-width: 450px;
}
@media (max-width: 575.98px) {
  .faq-header .input-wrapper {
    max-width: 70%;
  }
}

.faq-nav-icon {
  font-size: 1.125rem;
}

.faq-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left;
  border-radius: 0.375rem;
}

.light-style .bg-faq-section {
  background-color: rgba(34, 48, 62, 0.06);
}
.light-style .faq-header .input-wrapper .input-group-text,
.light-style .faq-header .input-wrapper .form-control {
  background-color: #fff;
}

.dark-style .bg-faq-section {
  background-color: rgba(230, 230, 241, 0.06);
}
.dark-style .faq-header .input-wrapper .input-group-text,
.dark-style .faq-header .input-wrapper .form-control {
  background-color: #2b2c40;
}
