body, html {
  overflow-x: hidden;
}

.common-questions-main {
  height: 100vh;
  background-color: #f3f3f3;
}

.tab-title {
  font-family: 'Chronicle';
  padding-left: 0.5rem;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  color: #333f48;
}

.project-tab {
  margin-top: 2rem;
}
.project-tab #tabs {
  background: #007b5e;
  color: #eee;
}
.nav-tabs {
  border-bottom: none !important;
}
.project-tab #tabs h6.section-title {
  color: #eee;
}
.project-tab .nav-link {
  background-color: transparent !important;
  border: 1px solid transparent;
  color: #333f48;
  font-size: 14.5px;
  font-family: Gotham;
  letter-spacing: 0.03rem;
  opacity: 65%;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #333f48 !important;
  background-color: transparent !important;
  border-color: transparent transparent #f3f3f3 !important;
  border-bottom: 6px solid #2dccd3 !important;
  font-size: 14.5px;
  font-family: Gotham;
  z-index: 2;
  letter-spacing: 0.03rem;
  opacity: 100%;
}
.project-tab .nav-link:hover {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.project-tab thead {
  background: #f3f3f3 !important;
  color: #333;
}
.project-tab a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
}

.question {
  display: flex;
  align-items: center;
}

.question span {
  font-family: Poppins-Medium;
  font-size: 16pt;
  font-weight: 400;
  color: #333f48;
  margin-top: 4px;
  margin-bottom: 4px;
}

hr.solid {
  border-top: 1px solid #bbb;
  width: 200vw;
  position: absolute;
  left: -100%;
  top: 27px;
  z-index: 1;
  opacity: 80%;
}

.card-body {
  background-color: #f3f3f3;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.question-body {
  background-color: #f3f3f3 !important;
}

.pl-4, .px-4 {
  padding-left: 1.5rem!important;
}

.card-title {
  margin-bottom: 0.75rem;
}